/ / jQuery: छवि को अपनाने के लिए - jquery, टूलटिप

jQuery: टोपीटिप में छवि - jquery, टूलटिप

मेरे पास उत्पादों के साथ तालिका है। तालिका पंक्ति में उपयोगकर्ता के हॉवर करने के बाद मैं जो करना चाहता हूं, उसे अपनाने के लिए उत्पाद फोटो प्रदर्शित करना है। प्रत्येक पंक्ति एक उत्पाद है। मान लें कि मेरे पास पंक्तियों में फोटो पहचान है जिन्हें पंक्ति पहचानकर्ता के रूप में कोड किया गया है।

<table>
<tr id="prod-37">

</tr>
<tr id="prod-38">

</tr>
</table>

मैं jQuery फ़ंक्शन चाहता हूं जो उत्पाद आईडी से अवगत होगा। फोटो के लिए लिंक है: /img/products/$ बने

उत्तर:

उत्तर № 1 के लिए 1

आप उपयोग कर सकते हैं http://flowplayer.org/tools/tooltip/index.html

छवि और टूलटिप का एक उदाहरण है:

http://flowplayer.org/tools/demos/tooltip/any-html.html


उत्तर № 2 के लिए 1

मैं तालिका पंक्तियों में से प्रत्येक में एक मार्कर सीएसएस वर्ग जोड़ूंगा। तब आप $ कर सकते हैं ("। MyMarkerClass")। प्रत्येक को पंक्ति पर अपना हॉवर लगाने के लिए।

http://api.jquery.com/each/ - आप ध्यान देंगे कि गुंजाइश वह आइटम है जिस पर आप पुनरावृत्ति कर रहे हैं।