jquery - JavaScript Fade in, fadeout numbers also to center my images -
here have:
javascript
<script type="text/javascript"> $(document).ready(function() { $('#mixer').fadein(3000).delay(2000).fadeout(1500); $('#mixer1').delay(2000).fadein(3000).fadeout(2000); $('#turntable').delay(2000).fadein(3000).fadeout(1500); $('#turntable1').delay(2000).fadein(1500); }); </script>
css
#mixer, #mixer1, #turntable, #turntable1 { display: none; position: absolute; left: 50; right: 10; margin - left: auto; }
basically want in middle fade in , out each other.
use callbacks
$(document).ready(function() { $('#mixer').fadein(function() { $(this).fadeout(); $('#mixer1').fadein(function() { $(this).fadeout(); ... }, 3000); }, 3000); });
Comments
Post a Comment