jQuery बॉडी पृष्ठभूमि-छवि रोटेटर

Question

ऐसी वेबसाइट के लिए मैं वर्तमान में डिज़ाइन कर रहा हूं, मैं छवियों की एक सरणी के घूर्णन पर शरीर की पृष्ठभूमि रखना चाहता हूं। मैंने fadeIn() और fadeOut() फ़ंक्शंस का उपयोग करके कई तरीकों का प्रयास किया है, लेकिन वे शरीर के भीतर विभाजन की अस्पष्टता को प्रभावित करते हैं। मैंने bgStretcher का उपयोग करने का भी प्रयास किया लेकिन इससे उपस्थिति के मुद्दे सामने आए और वेबसाइट धीमी और चंचल हो गई।

मैं अधिमानतः छवियों को फीका और बाहर करना पसंद करूंगा। मदद, की सराहना की होगी

Here's a link to the website स्क्रिप्ट फ़ाइल मैं वर्तमान में संशोधित किया गया है/js/निर्देशिका के अंतर्गत background.js कहा जाता है। फ़ाइल वर्तमान में टिप्पणी की गई है क्योंकि यह केवल प्रयोगात्मक है। दो वर्तमान पृष्ठभूमि छवियों है मेरे वर्तमान कोड है जो मैं कोशिश कर रहा हूँ काम कर पाने के लिए "छवियों/bg/bg1.jpg" और "छवियों/bg/bg2.jpg"

यहाँ हैं:

$(document).ready(function() { 
    setInterval(switchImage, 5000); 
    switchImage(); 

}); 

function switchImage() 
{ 
$('body').css("background-image", "url(../images/bg/bg2.jpg)").fadeIn(1000); 
$('body').css("background-image", "url(../images/bg/bg1.jpg)").fadeOut(1000); 
} 

एक बार जब मैं पृष्ठभूमि छवियों के बीच संक्रमण कैसे कर सकता हूं, तो मैं छवियों की एक सरणी के बीच बदलने के लिए कुछ शर्तों को जोड़ सकता हूं।

चीयर्स, डेन विल्सन

Answer 1

बहुत इस jQuery प्लगइन के साथ सरल: jQuery Backstretch क़ौम "एक स्लाइड शो में Backstretch का उपयोग करना" में इसके लिए एक कोड-टुकड़ा है।

Answer 2

यह केवल सीएसएस 3 के साथ किया जा सकता है। मैं जल्द ही एक बेवकूफ पोस्ट करूंगा।

संपादित करें: मैंने कीफ्रेम और CSS3 के पृष्ठभूमि आकार के साथ एक एनीमेशन बनाने की कोशिश की, लेकिन स्पष्ट रूप से वे एक साथ काम करना नहीं चाहते थे (झिलमिलाहट)। फिर jQuery में देखने के लिए शायद बेहतर है।