J'ai un petit problème HTML (asp possible) sur mon site internet.
J'ai fait quelques recherches sur Google qui ne m'ont pas beaucoup aidées :-/
Voici le code :
<html>
<head>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
function makevisible(cur,which) {
strength=(which==0)? 1 : 0.4
if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
}
</script>
</head>
<body>
<map name="Map">
<area shape="rect" coords="0,0,100,280" href="#">
<area shape="rect" coords="0,0,200,280" href="#">
<area shape="rect" coords="0,0,332,280" href="#">
</map>
<img id="image" width="332" name="image" alt="" src="/photos/photo1.jpg" border="0" usemap="#Map"/><br />
<a href="#" onMouseOver="MM_swapImage('image','','/photos/photo1.jpg',1)"><img src="/photos/miniature/photo1.jpg" alt="" width="75" border="0"/></a>
<a href="#" onMouseOver="MM_swapImage('image','','/photos/photo2.jpg',1)"><img src="/photos/miniature/photo2.jpg" alt="" width="75" border="0"/></a>
</body>
</html>
Pour expliquer succintement, j'ai dans cette page 3 images :
- Une grande
- Deux petites
Lorsque l'on survole la "miniature photo1" la grande photo change pour afficher la "grande photo1", idem lorsque l'on survole la "miniature photo2"
J'avoue que le script en lui même a été créé en automatique par Dreamweaver, le code n'est pas forcément le plus simple mais a le mérite de fonctionner.
J'ai également ajouté une map sur la grande photo, qui me permet éventuellement d'envoyer l'internaute sur une autre page lorsqu'il clique sur la zone.
Mon problème est le suivant :
- J'aimerai pouvoir afficher cette map sur la grande photo uniquement si l'internaute a choisi d'afficher (par exemple) la photo2, et donc que cette map ne s'affiche pas si c'est la photo1 qui a été selectionnée.
Je code principalement en ASP, je pourrais donc faire un test (if else end if) qui affiche ou non la map sur la grande photo en fonction d'une variable précise. Seulement pour le moment je n'ai aucun moyen de savoir si le client a affiché la photo1 ou 2 ?
Comment faire ?
D'avance merci pour vos commentaires en espérant pouvoir clore ce sujet rapidement.
A bientôt,
Trouvez des réponses à vos questions sur la création de sites web, le référencement et les meilleures pratiques pour gérer un site. Échangez avec d'autres webmasters passionnés pour améliorer vos compétences en ligne et optimiser vos projets de site web.
