image in data attribuut
Ter uitleg:
Ik heb producten in diverse kleuren, en ik wil dat het plaatje van een product verandert als men een kleur hovert. Ik wil niet alle plaatjes inladen en ook niet telkens een plaatje weer opnieuw inladen.
De vraag is dus of het mogelijk is om met jquery een image aan het data attribuut te hangen, dus dit:
Toevoeging op 26/04/2013 20:26:44:
Laat maat, ik had beter eerst rtfm kunnen doen:
Ik heb producten in diverse kleuren, en ik wil dat het plaatje van een product verandert als men een kleur hovert. Ik wil niet alle plaatjes inladen en ook niet telkens een plaatje weer opnieuw inladen.
De vraag is dus of het mogelijk is om met jquery een image aan het data attribuut te hangen, dus dit:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
function toggleProductColor(el) {
if (typeof $(el).data('image') == "string") {
new_image = new Image();
new_image.src = $(el).data('image');
$(el).data('image', new_image);
}
$($(el).data('prd_img')).src = $(el).data('image').src;
}
if (typeof $(el).data('image') == "string") {
new_image = new Image();
new_image.src = $(el).data('image');
$(el).data('image', new_image);
}
$($(el).data('prd_img')).src = $(el).data('image').src;
}
Toevoeging op 26/04/2013 20:26:44:
Laat maat, ik had beter eerst rtfm kunnen doen:
JQuery documentation:
value
Type: Object
The new data value; it can be any Javascript type including Array or Object.
Type: Object
The new data value; it can be any Javascript type including Array or Object.
Gewijzigd op 26/04/2013 21:36:07 door Ger van Steenderen
Er zijn nog geen reacties op dit bericht.