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

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -