.html (जावास्क्रिप्ट) के माध्यम से जोड़े गए चित्रों में होवर जोड़ना

मैं अपने सर्वर डेटा को प्राप्त करने के लिए पहले अपने सर्वर पर एक AJAX अनुरोध चलाता हूं तो मैं सर्वर से प्राप्त सभी छवियों को वेबसाइट पर जोड़ने के लिए निम्न कार्य करता हूं:

var image="";
  for (var i = receivedData.length - 1; i >= 0; i--) { //received data is the stuff coming from server
    image+="

मैंने सोचा कि अब मैं छवियों पर एक होवर प्रभाव जोड़ने के लिए आईडी का उपयोग कर सकता हूं (होवर पर छवियों को बदलें) लेकिन मैं यह नहीं समझ सकता कि इसके बारे में कैसे जाना है। क्या कोई मदद कर सकता है? अग्रिम में धन्यवाद!

0
@ डैंको: छवि के स्रोत को बदलना .attr ('src', 'example.png') जहां example.png सभी छवियों के साथ अलग है।
जोड़ा लेखक suMi, स्रोत
@ShengSlogar: जब वे होवर करते हैं तो उन्हें सभी को अलग-अलग स्रोत-छवियों की आवश्यकता नहीं होती है ....
जोड़ा लेखक suMi, स्रोत
छवियों को कैसे बदलें ?? या क्या प्रभाव?
जोड़ा लेखक DaniP, स्रोत
आप ऐसा कर सकते हैं जैसे आप पहले से ही डोम में थे। जावास्क्रिप्ट या सीएसएस का उपयोग करना।
जोड़ा लेखक Michael Laffargue, स्रोत
जोड़ा लेखक Prabhu Murthy, स्रोत
क्या सभी छवियों को विभिन्न प्रभावों की आवश्यकता है? यदि नहीं, तो बस .individualImages: होवर {} का उपयोग करें और आपकी शैलियों घुंघराले ब्रैकेट में जाएंगी। यदि आपको प्रत्येक प्रभाव को अलग होने की आवश्यकता है, तो आपको इसे एक स्क्रिप्ट के साथ करना होगा।
जोड़ा लेखक sheng, स्रोत

1 उत्तर

यह वही है जो आप कर सकते हैं: http://jsfiddle.net/nqS6L/1/ यह लूप के अंदर किया जा सकता है। आप कक्षा या आईडी और लूप के माध्यम से उपयोग कर सकते हैं।

I added new div0 to show/hide on hover just as an example. You can do your logic whatever you want to show/hide on hover. I also added some data to receivedData in order for the example to work, make it more clear. receivedData = [ {"ID": "product1"}, {"ID": "product2"}, {"ID": "product3"}];

$(".individualImages").hover(function() {
    $("#div0").show(); 
}, function() {
    $("#div0").hide(); 
});

छवियों को डीओएम में जोड़ने के बाद तर्क जोड़ा गया। इस लाइन के बाद मतलब $ ('अक्षरों')। एचटीएमएल (छवि); आप फिर से लूप के लिए जोड़ सकते हैं और इसे आईडी का उपयोग करके होवर कर सकते हैं और इसलिए विभिन्न चीज़ों को दिखाएं/छुपाएं छवि का id

0
जोड़ा
तो मैं यहाँ समारोह में क्या रखूँगा? मैंने $ ("img.individualImages") .attr ('src', "image.png") की कोशिश की; लेकिन यह भी कहने के लिए प्रतीत नहीं होता है (होवर पर एक कंसोल लॉग के साथ कोशिश की और कुछ भी नहीं होता ...
जोड़ा लेखक suMi, स्रोत
बेशक मैंने यही किया है!
जोड़ा लेखक suMi, स्रोत
लूप के लिए इसे जोड़ें
जोड़ा लेखक Ani, स्रोत
यह वही है जो आप कर सकते हैं jsfiddle.net/nqS6L/1 ने भी उत्तर अपडेट किया।
जोड़ा लेखक Ani, स्रोत