1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML

Rollover pour afficher une photo en plus grand [Résolu]

Signaler
Messages postés
36
Date d'inscription
lundi 28 mai 2007
Statut
Membre
Dernière intervention
8 septembre 2007
 -
Messages postés
36
Date d'inscription
lundi 28 mai 2007
Statut
Membre
Dernière intervention
8 septembre 2007
 -
Tout le monde a une montre, mais plus personne n'a le temps !
http://unepetitepause.com
Afficher la suite

11 réponses

Réponse 1 / 11
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
 33
Bonjour,

>>j'essaie de faire un rollover pour visualiser une photo en format  plus grand.

    __ la grande remplace la petite ?
       

    __ ou on affiche la grande "ailleurs" ?
       
        Bul     [mon Site]     [M'écrire]</gras>
<hr />
Réponse 2 / 11
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
 33
>>comment cloturer un sujet ?
    tu cliques sur le bouton "résolu" dans le[s] réponse[s] qui te convien[nen]t.
    ce n'est d'ailleurs pas clos : l'historique est conservé.
    les échanges peuvent intéresser d'autres personnes.


<hr />



Cordialement                Bul     [mon Site]     [M'écrire]



<hr />
Réponse 3 / 11
Messages postés
36
Date d'inscription
lundi 28 mai 2007
Statut
Membre
Dernière intervention
8 septembre 2007
 Encore une question, s'il vous plait !
J'ai fait des essais mais je préfère quand la grande photo s'affiche ailleurs que sur la petite.


J'ai donc essayé dans ce sens et pour une photo, tout fonctionne bien
&nbsp;


            et si c'est la bonne fonction à appliquer.
onmouseout="que mettre ici ?"

J'ai essayé de mettre une deuxième petite photo - le système fonctionne bien ! 
&nbsp;
      

        
          
Comment puis-je faire ? 
Merci pour vos conseils
Réponse 4 / 11
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
 33
>> n'avoir qu'un seul grand cadre
    utiliser le même...

>>la grande photo reste présente quand la souris quitte la petite




    plusieurs possibilités...

    1°
document.getElementById('commun').style.display='none';"
         onmouseover="document.getElementById('commun').src=this.src;
                                    document.getElementById('commun').style.display='inline';" />

    ici, on cache la grande image, et on recadre, cette image ne prenant plus de place

onmouseout :   document.getElementById('commun').style.visibility='hidden'; et
onmouseover : document.getElementById('commun').style.visibility='visible';

    on cache la grande image,  la place de l'image est conservée.

on pourrait aussi mettre une autre image ?

         onmouseover="document.getElementById('commun').src='image par défaut';

ou... ?

ça dépend donc de ce que vous tenez à fare...



  Bul     [mon Site]     [M'écrire]</gras>



<hr />
Réponse 5 / 11
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
 33
il faut faire la même chose sur toutes les images en cause...
    ( le mieux, probablement, serait de le faire
       automatiquement, en dynamique )

&nbsp;

Bul     [mon Site]     [M'écrire]</gras>



<hr />
Réponse 6 / 11
Messages postés
36
Date d'inscription
lundi 28 mai 2007
Statut
Membre
Dernière intervention
8 septembre 2007
Bonjour,
J'essaie de faire un rollover pour visualiser une photo en format  plus grand.
La grande photo n'apparaît pas quand la souris passe sur la petite photo -
voici l'extrait de ma page concernant cette difficulté :

<tr>
                      <td height="5">&nbsp;</td>
                      <td width="342" height="282" rowspan="12" onmouseover="MM_showHideLayers('grande','','show','titnuage','','hide','titpoe','','hide')">

                       

</td>
                    </tr>
                    <tr>
                      <td width="115" height="80"></td>
                    </tr>
                    <tr>
                      <td>[photoessaipoe.html ]</td>
                    </tr>

Par contre, pour contourner cette difficulté, j'ai fait un essai : en cliquant sur la petite photo concerné, j'ai demandé l'ouverture d'une page .html contenant la photo au format agrandi. Et là, ça fonctionne bien ! 

J'aimerais comprendre pourquoi et corriger mon erreur : qui peut m'aider, s'il vous plait ?
Merci

Nicole
Réponse 7 / 11
Messages postés
36
Date d'inscription
lundi 28 mai 2007
Statut
Membre
Dernière intervention
8 septembre 2007
Merci Bul,

C'était pour afficher la grande à côté de la petite -  mais je vais essayer les deux solutions !

Bon dimanche !

PS : comment cloturer un sujet ? (j'aimerais fermer mon tout premier sujet datant de mois de juin concernat un menu dynapique)   merci
Réponse 8 / 11
Messages postés
36
Date d'inscription
lundi 28 mai 2007
Statut
Membre
Dernière intervention
8 septembre 2007
Bonjour et Merci Bul,

Tous vos renseignements me sont bien précieux !
Je les appliquerai en soirée ... faute de temps  :-)
et vous ferai part du résultat -
Merci encore et bonne journée
Cordialement

------------------------------------------------------------------------------
         Niky                 mon site : http://www.unepetitepause.com 
------------------------------------------------------------------------------
Réponse 9 / 11
Messages postés
36
Date d'inscription
lundi 28 mai 2007
Statut
Membre
Dernière intervention
8 septembre 2007
Bonsoir,
Cela fait plusieurs soirs que je me penche sur vos renseignements et voilà ce que je peux vous dire :
avec une seule image : c'est OK - la grande photo apparaît et disparait  correctement -
Quand j'ajoute une seconde photo (et j'aimerais en mettre environ 10 par page)... alors là, plus rien n'apparaît ! - j'ai longtemps cherché, fait très attention à chaque ponctuation,  ...  en vain !
voilà le code 
  &nbsp;

                          mon site : http://www.unepetitepause.com 
--------------
Réponse 10 / 11
Messages postés
36
Date d'inscription
lundi 28 mai 2007
Statut
Membre
Dernière intervention
8 septembre 2007
ups ! je voulais mettre le code en coloris bleu !  
le voici donc !
&nbsp;

         

------------------------------------------------------------------------------
         Niky                 mon site : http://www.unepetitepause.com 
--------------
Réponse 11 / 11
Messages postés
36
Date d'inscription
lundi 28 mai 2007
Statut
Membre
Dernière intervention
8 septembre 2007
   merci beaucoup !   ça fonctionne bien !
Je vais donc pouvoir continuer dans ce sens !  en  faisant attention à ne pas mettre de ; en html 
Cordialement

------------------------------------------------------------------------------
         Niky                 mon site : http://www.unepetitepause.com 
--------------
Répondre Posez votre question