javascript - jquery $('body') image swap help -

मेरे पास निम्न कोड है:

  $ (document) .ready (function () {Var bgimages = new array () bgImages [0] = "bg.jpg" bgImages [1] = "bg2.jpg" // sloppy preload images var pathToImg = नए सरणी () के लिए (i = 0; i & lt; bgImages लंबाई; i ++) {pathToImg [i] = नई छवि () पथटोइमग [i] .src = bgImages [i]} var i = 0; var rotateBg = setInterval (function () {$ ('body')। सीएसएस ({ पृष्ठभूमि छवि: 'url (' + bgImages [i] + ')'}); i ++;}, 9000);});  

मुझे 2 मुद्दों को सुलझाने में सहायता की आवश्यकता है:

1. यह केवल एक बार छवियों के माध्यम से लूप होगा, मैं क्या याद रखता हूँ? मैं इसे अंतहीन दोहराना चाहूंगा
2. मैं छवियों को किस तरह से पार कर सकता हूं?

आप यह सुनिश्चित करने की आवश्यकता है कि आप अपने सरणी के ऊपरी बाउंड से परे इंडेक्स न करें।

आपके मामले में, एक सरल बिटवर्ड एक्सओआर नौकरी करता है:

  i ^ = 1;  

यदि आप अपने सरणी में अधिक तत्व हैं, तो एक मॉड्यूल सेशन काम करेगा:

  i ++; मैं% = बीजीइज़ेज। लैंप;  

क्रॉसफेड ​​के लिए, आप पर विचार करना चाह सकते हैं पृष्ठ पर यहां एक उदाहरण भी है हालांकि, यह एक डब्ल्यू 3 सी कार्य मसौदा है, और वर्तमान में केवल वेबकिट-आधारित ब्राउज़र इसका समर्थन करते हैं। फ़ायरफ़ॉक्स वर्ष के अंत से पहले इसका समर्थन करना चाहिए कोई भी शब्द नहीं है कि आईई इसका समर्थन करेगा और कब होगा।

उद्धरण:

  & lt; शैली प्रकार = "पाठ / सीएसएस" & gt; अच्छी बात यह है कि बनाने के लिए बहुत आसान है, कोई जेएस आवश्यक नहीं है। Div.fader img {-webkit-transition: सभी 1s आसानी-इन-आउट; } Img.swap1, div.fader: hover img.swap2 {अस्पष्टता: 1.0; } Div.fader: hover img.swap1, img.swap2 {opacity: 0; } & Lt; / style & gt;