मैं सामान्य रूप से jquery और कोडिंग के लिए बहुत नया हूं। मैं jquery स्लाइड शो को लागू करने की कोशिश कर रहा हूं http://www.designchemical.com/blog/index.php/jquery/jquery-image-swap-gallery/। मैंने इसे हॉवर के बजाय क्लिक के माध्यम से काम किया। मैं चाहता हूं कि डिव का बैकग्राउंड (एक्सप्ले रिपीट x और y के साथ) ठीक उसी तरह से बदल जाए जैसा कि थंबनेल मुख्य इमेज को नियंत्रित करता है।
यह दी गई छवि के साथ ठीक काम करता है: $ ( "# Bgs")।सीएसएस ( "पृष्ठभूमि छवि", "यूआरएल (गैलरी / BGS / img_3.jpg)"); लेकिन मैं चाहता हूं कि यह गतिशील रूप से उसी तरह से सही फ़ाइल नाम प्राप्त करके काम करे जिस तरह से मुख्य छवि करता है। मैं सिर्फ यह नहीं जानता कि क्या बदलना है।
कोड निम्नानुसार है: http://pastebin.com/hvVYQyru
मुझे आशा है कि मैंने खुद को स्पष्ट कर दिया है :) मुझे वाकई उम्मीद है कि दोस्तों आप मुझे सही रास्ते पर ला सकते हैं।
सादर मार्टिन शेक
उत्तर:
जवाब के लिए 0 № 1इसे इस्तेमाल करे:
$("#bgs").css("background-image","url(" + $(this).attr("src").replace("thumb/", "bgs/") + ")");
अद्यतन करें
एनीमेशन का उपयोग करके समान परिणाम प्राप्त करने के लिए, इसे थोड़ा और काम करने की आवश्यकता होगी। जैसा कि यह आपके मूल प्रश्न का हिस्सा नहीं है, मैं आपको जाँचने के लिए एक अच्छा लिंक छोड़ रहा हूँ:
http://snook.ca/archives/javascript/jquery-bg-image-animations/
जवाब के लिए 0 № 2
मान लीजिए कि आपका bgs छवि संरचना मुख्य छवियों और थंबनेल के समान है, इस रेखा को बदलें:
$("#bgs").css("background-image","url(gallery/bgs/img_3.jpg)");
सेवा मेरे:
$("#bgs").css("background-image", "url(" + $(this).attr("src").replace("thumb/", "bgs/") + ")");