queue - Trying to fadein divs in a sequence, over time, using JQuery -


I am trying to explain how to do 4 pictures on page load, respectively.

The following is my (amateur) code:

Here's the HTML:

   & Lt; Img id = "corner2" src = "image / corner 2.gif" width = "6" height = "6" alt = "" /> & Lt; Img id = "corner3" src = "image / corner 3.gif" width = "6" height = "6" alt = "" / & gt; & Lt; Img id = "corner4" src = "image / corner 4.gif" width = "6" height = "6" alt = "" /> & Lt; / Div & gt; & Lt ;! - end #outercorners - & gt;  

Here is JQuery:

  $ (document) .ready (function () {$ ("# corner1"). FadeIn ("2000", Fidine ($ ("# corner3"). Fidine ("4000", function () {$ ("# corner2"). Feedin ("6000", function () {$ ("# corner4"). (" 8000 ", function () {});});});});  

Here's the CSS:

  #outercorners {status: Fixed ; Top: 186px; left: 186px; width: 558px; height: 372px;) # corner 1 position: fixed; top: 186px; left: 186px; display: none;} # corner 2 { Status: Fixed; Top: 186px; Added: 744px; Display: None;} # Corner 3 {Status: Fixed; Top: 558px; left: 744px; Display: None;} # Corner 4 {Position: Fixed; Top: 558px; left : 186px; display: none;}  

I think they want to jerk on me instead of distracting me. Should I use the queue () function? And If so, how do I apply it in this matter?

Any help Thanks for the help.

Use your quotation or preset 'slow' or 'sharp' etc. away from your periods.

  $ ("# corner1"). Fidine (2000, function () {...  

OR

  $ ("# corner1"). Feed ("slow", function () {...  

not

  $ ("# corner1"). FadeIn ("2000", function () {...}  

Comments

Popular posts from this blog

windows - Heroku throws SQLITE3 Read only exception -

lex - Building a lexical Analyzer in Java -

python - rename keys in a dictionary -