MrChrist
Messages postés1Date d'inscriptiondimanche 3 août 2008StatutMembreDernière intervention 3 août 2008
-
3 août 2008 à 19:48
cs_bultez
Messages postés13615Date d'inscriptionjeudi 13 février 2003StatutMembreDernière intervention15 octobre 2013
-
4 août 2008 à 07:06
Bonjour,
je travaille présentement sur une boutique virtuelle... Chaque item a une photo principale et plusieurs thumbnails, je veux que la photo principale change pour celle du thumbnail au dessus duquel la souris se trouve(mouseover).
L'attribut "name" de la photo principale est en fonction de son id, ex
Toutes mes images sont nommées de cette facon: aa_bb_cc.jpg
aa=id de l'item
bb=numéro de la photo (1 à 10)
cc=grosseur de l'image (1=thumbnail et 2=image pleine grandeur)
Toutes les images sont créées dynamiquement avec un script PHP donc dans chaque balise d'image thumbnail j'ai ceci: onMouseOver='switchmain($id,$thumb)'
J'ai réussi a faire une fonction que voici, ça fonctionne parfaitement sur Firefox mais sur Internet Explorer ça ne fonctionne pas du tout.
function switchmain(id,thumb){
var nam =[id+"_main"];
var name=nam.join();
var folder="/photos/";
var fil=[folder+id+"_"+thumb+"_2"+".jpg"];
var file=fil.join();
document.images[name].src = file;
}
Ça fait un bail que je cherche et que j'essaye plusieurs trucs et je suis désespéré!
On dirait que IE ne prends pas correctement cette partie "document.images[id + "_main"]" parce que l'image change bel et bien pour celle au dessous du pointeur mais elle ne change pas la bonne image principale.
Merci d'avance pour l'aide