Jquery Diasshow Problem?

17th of April 2014 0

Jquery Diasshow Problem?

So I’m a jquery newbie, and I only recently learned a little bit about the language, and I got the idea to create a diasshow. Problem is, all the pictures fade out at the same time. Here is the code:
$ (document).ready(function() {
var $ Picture1 = $ (‘div div div img:first-child’)
var $ Picture2 = $ (‘div div div img:nth-child(2)’)
var $ Picture3 = $ (‘div div div img:nth-child(3)’)
var $ Picture4 = $ (‘div div div img:nth-child(4)’)

function Diasshow() {
$ Picture1.fadeIn(1000) .delay(3000) .fadeOut(1000);
$ Picture2.fadeIn(1000) .delay(3000) .fadeOut(1000);
$ Picture3.fadeIn(1000) .delay(3000) .fadeOut(1000);
$ Picture4.fadeIn(1000) .delay(3000) .fadeOut(1000);
setTimeout(Diasshow,20000);
}
Diasshow();
});

How would I make it work like a diasshow?

Best answer:

Answer by ▣ℛєȶгѳჵɑɱεг▣ ▦ℂᴀмᴘø ᴅɪ ɪʟ ℬᴇʟɪȿᴀʀɪø Ⓞჺʜøᴀ▦
I haven’t experienced the Diasshow problem, but you may want to see the Jquery FAQ here: http://learn.jquery.com/using-jquery-core/faq/

Know better? Leave your own answer in the comments!

Filed under § jquery — Tagged with , ,

Share it!

Was it good for you to?

Sponsors

Support for the site!

No sponsors at the moment.



Your opinion matters. Add it below.


Tip: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Recent comments

Categories



Copyright jqueryui.info since 2010. All rights reserved. Design and the Absolute Theme by Tommie Hansen.