|
|
|
rollover sur plusieurs image map
|
Bonjour,
Je voudrais créer une image avec 2 zones réactives qui renvoient chacune un rollover différent.
Il est possible de créer un rollover sur une image, et d'attribuer à cette image : 2 images map, mais je ne trouve pas de solution pour créer un rollover sur chacune de ces 2 zones, auriez-vous une solution ?
Dans une page HTML hors joomla, avec un javascript, cela est possible mais je n'arrive pas à le reproduire dans joomla avec JCE.
 |
|
|
|
|
|
|
|
Re: rollover sur plusieurs image map
|
|
Hello,
Cela doit être faisable mais ce n'est effectivement pas 100% sûr de pouvoir le faire à l'aide des plug-ins.
Il faudrait voir comment est fait l'appel du rollover depuis JCE et s'il est possible de fusionner avec les liens de l'image map.
En le faisant en dehors de JCE, cela fonctionne aussi car il y a les scripts js mis dans l'entête.
Avec le plugin Adhérent de JCE "Fullpage", il est possible d'ajouter des éléments dans l'entête de page pour l'affichage de l'article en question.
Il serait donc possible au pire de recopier le code d'une page réalisée en dehors de Joomla.
|
|
|
|
Mihà ly Marti alias Sarki
|
|
|
|
Re: rollover sur plusieurs image map
|
Bonjour,
Effectivement, j'ai bien le plugin Fullpage et j'ai d'abord créé cette page dans dremweaver où cela fonctionne bien puis ensuite copié ce code mais cela ne fonctionne pas dans JCE
| Code : |
<script type="text/JavaScript">// <![CDATA[
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_prelo
adImages.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_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_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];}
}
// ]]></script>
<div id="right">
<div class="custom_btn"><img usemap="#Map" id="image_origine" src=
"images/btn_1_on.png" width="170" height="166" />
<map name="Map" id="Map">
<area shape="poly" coords="82,23,82,80,130,109,138,92,138,
73,132,49,118,34,99,24,81,23" href="test.html" class="map2" onmouseove
r="MM_swapImage('image_origine','','images/btn_1_on_2_over.png',1)
" onmouseout="MM_swapImgRestore()" />
<area shape="poly" coords="32,111,53,131,81,138,107,131,12
9,110,82,82,33,111" href="test.html" class="map3" onmouseover="MM_swap
Image('image_origine','','images/btn_1_on_3_over.png',1)
" onmouseout="MM_swapImgRestore()" />
</map>
</div>
</div>
|
|
|
|
|
|
|
|
|
Re: rollover sur plusieurs image map
|
|
Dans Dreamweaver, il y a sans doute une partie dans l'entête de page.
Est-ce le javascript indiqué dans votre message ?
Est-il bien placé dans l'entête grâce au plugin Fullpage ?
|
|
|
|
Mihà ly Marti alias Sarki
|
|
|
|
Re: rollover sur plusieurs image map
|
|
oui, le javascript indiqué était dans l'entête et oui il est placé avec le plugin Full Page
|
|
|
|
|
|
|
|
Re: rollover sur plusieurs image map
|
|
Je n'ai encore jamais essayé d'ajouter un tel script avec ce plugin.
Perso j'essaierai déjà avec un script simple pour voir comment c'est interprété, si le plugin fait bien son office.
Si oui, alors c'est peut-être une incompatibilité.
Je ne peux hélas guère t'aider plus, si tu maîtrise l'anglais je te suggère de poster directement sur le forum de l'auteur.
|
|
|
|
Mihà ly Marti alias Sarki
|
|
Forum
08/11/11 Ã Â 10:49
