• Site mis à jour le 03 juin 2019

rollover sur plusieurs image map

  • sakura151
  • Auteur du sujet
  • Hors Ligne
  • Nouveau Rédacteur
  • Nouveau Rédacteur
Plus d'informations
il y a 7 ans 7 mois #5762 par sakura151
rollover sur plusieurs image map a été créé par sakura151
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.

Pièces jointes :

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 7 ans 7 mois #5766 par mihaly
Réponse de mihaly sur le sujet 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

Connexion ou Créer un compte pour participer à la conversation.

  • sakura151
  • Auteur du sujet
  • Hors Ligne
  • Nouveau Rédacteur
  • Nouveau Rédacteur
Plus d'informations
il y a 7 ans 7 mois #5769 par sakura151
Réponse de sakura151 sur le sujet 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
<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_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_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" />&nbsp;
        <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" onmouseover="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,129,110,82,82,33,111" href="test.html" class="map3" onmouseover="MM_swapImage('image_origine','','images/btn_1_on_3_over.png',1)" onmouseout="MM_swapImgRestore()" />
 
        </map>
    </div>
</div>

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 7 ans 7 mois #5772 par mihaly
Réponse de mihaly sur le sujet 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

Connexion ou Créer un compte pour participer à la conversation.

  • sakura151
  • Auteur du sujet
  • Hors Ligne
  • Nouveau Rédacteur
  • Nouveau Rédacteur
Plus d'informations
il y a 7 ans 7 mois #5773 par sakura151
Réponse de sakura151 sur le sujet rollover sur plusieurs image map
oui, le javascript indiqué était dans l'entête et oui il est placé avec le plugin Full Page

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 7 ans 7 mois #5777 par mihaly
Réponse de mihaly sur le sujet 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

Connexion ou Créer un compte pour participer à la conversation.

Temps de génération de la page : 0.159 secondes
Propulsé par Kunena

Rechercher