html - random image slideshow with jQuery -
मेरे पास इन कोड के साथ छवि स्लाइड शो है: -
Jquery: -
$ (फ़ंक्शन () {var चालू = 0, $ imgs = jQuery ('# header .abc71'); imgAmount = $ imgs.length; $ ($ imgs.css ('स्थिति', 'पूर्ण') (वर्तमान == imgAmount-1), (), (), (), (), (), (), (), चालू = -1; var $ nextImg = $ ($ imgs [++ वर्तमान]), गति = 1500; // एनीमेशन की गति दोनों छवियों के लिए समान होनी चाहिए ताकि हमारे पास $ currentImg.fadeOut (गति); NextImg.fadeIn (गति);}}); html: -
& lt; div id = "header" & gt; & Lt; img वर्ग = "abc71" src = "img1.png" / & gt; & Lt; img वर्ग = "abc71" src = "img2.png" / & gt; & Lt; img वर्ग = "abc71" src = "img3.png" / & gt; & Lt; / div & gt; ये स्क्रिप्ट ठीक काम करती हैं लेकिन मैं यादृच्छिक क्रम में चित्र प्रदर्शित करना चाहता हूँ। कैसे मैं उस के लिए मेरी स्क्रिप्ट संशोधित या मैं किसी भी अन्य स्क्रिप्ट का उपयोग करना चाहिए? Plz मेरी मदद करो ... धन्यवाद
समझे मैंने इसे क्लीनर बनाने के लिए आपके कुछ कोड को अपडेट किया है। मजेदार चयनकर्ताओं का उपयोग करें जैसे: छिपा हुआ और: दृश्यमान। वे वाकई महान हैं।
यहाँ बेला है:
$ (फ़ंक्शन () {var चालू = 0, $ imgs = jQuery ( '#header .abc71'); imgAmount = $ imgs.length; $ ($ imgs.css ('स्थिति', 'निरपेक्ष')। छुपाएं ()। Get (0))। Show (); window.setInterval (swapImages , 1000); फ़ंक्शन स्वैपइमेजेस () {var $ currentImg = $ ('। Abc71: visible'); var $ nextImg = $ ('। Abc71: छिपा हुआ')। Eq (मठ। फ्लोर (मठ.रेंडम () * $ ('.abc71: छिपी') लंबाई)); गति = 500; // एनीमेशन की गति दोनों छवियों के लिए समान होनी चाहिए ताकि हमारे पास $ $ currentImg.fadeOut (गति) एक चिकनी परिवर्तन हो; $ nextImg.fadeIn (गति); }});
Comments
Post a Comment