rollover pour afficher une photo en plus grandRésolu

Question

Tout le monde a une montre, mais plus personne n'a le temps !
http://unepetitepause.com

cs_bultez · Accepted Answer

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]

relaxniky · Answer

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é : [photoessaipoe.html ] 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

relaxniky · Answer

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

cs_bultez · Answer

>>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.

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

relaxniky · Answer

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

cs_bultez · Answer

>> 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]

relaxniky · Answer

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  
------------------------------------------------------------------------------

relaxniky · Answer

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  
--------------

relaxniky · Answer

ups ! je voulais mettre le code en coloris bleu !   
le voici donc ! 
&nbsp; 

          

------------------------------------------------------------------------------
         Niky                 mon site : http://www.unepetitepause.com  
--------------

cs_bultez · Answer

il faut faire la même chose sur toutes les images en cause... ( le mieux, probablement, serait de le faire automatiquement, en dynamique ) Bul [mon Site] [M'écrire]

relaxniky · Answer

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  
--------------

Rollover pour afficher une photo en plus grand

11 réponses

Votre réponse