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
Post a Comment