Bonjour,
J'aurai une petite question. Voilà, j'ai fais une galerie d'images comme indiqué par le tutoriel Galerie photo avec javascript, tout fonctionne parfaitement. J'ai seulement changé dans le script la fonction onclick par ononmouseover.
En réalité maintenant lorsque je survole les petites images elles apparaissent en moyennes dans l'emplacement prévu pour et je souhaiterai que lorsque je clique sur cette moyenne image, elle apparaisse en plus grand dans une lightbox. Cela fonctionne pour la première mais par pour les suivantes.
J'espère avoir été claire.
Merci d'avance pour vos réponses. Smiley biggrin
Hello hb4 et bienvenue, Smiley smile

hb4 a écrit :
J'ai seulement changé dans le script la fonction onclick par ononmouseover.
Je suppose que tu voulais dire onmouseover...

hb4 a écrit :
Cela fonctionne pour la première mais par pour les suivantes.
J'espère avoir été claire.
Eh bien ce que tu veux faire est clair mais si tu ne nous montres pas ton code (ou mieux encore un lien vers une page en ligne) il va être difficile de t'aider. Smiley murf
Voici le code:
<div id="galerie">

<dl id="photo">


<dd><a href="image/a/paysage/fiefdebats.jpg" rel="lightbox" title="plan du fief des debats">
<img id="big_pict" img src="image/a/paysage/moyen/fiefdebats.jpg" alt="plan du fief des débats"/>
</a></dd>


<dt>Plan du fief des debats</dt>
</dl>

<ul id="galerie_mini">
<li><a href="image/a/paysage/moyen/fiefdebats.jpg" title="Plan du fief des d&eacute;bats"><img src="image/a/paysage/mini/fiefdebats.jpg" alt="Plan du fief des d&eacute;bats" /></a></li>

<li><a href="image/a/paysage/moyen/plangeometrique.jpg" title="Plan g&eacute;om&eacute;trique"><img src="image/a/paysage/mini/plangeometrique.jpg" alt="Plan g&eacute;om&eacute;trique" /></a></li>

<li><a href="image/a/paysage/moyen/fiefdumoulin.jpg" title="Plan du fief du moulin du bourg"><img src="image/a/paysage/mini/fiefdumoulin.jpg" alt="Plan du fief du moulin du bourg" /></a></li>

</ul>
</div>


et voici le lien de la page:http://www.livre-poitoucharentes.org/Escales/paysage.php
merci d'avoir fait si vite Smiley biggrin
Bonjour,

Voici quelques remarques assez générales:

- Le script d'Olivier n'est pas prévu pour ce type de fonctionnement. Ici tu as pu modifier le code HTML pour rajouter un lien autour de la grande image (enfin, de l'image de taille moyenne dans ton cas), mais pour que cela fonctionne il faudrait modifier la destination du lien (attribut src à chaque changement de la grande image. C'est faisable, mais ça demandera de bonnes bases en JavaScript.

- Au niveau ergonomique, la solution retenue est, je pense, plutôt mauvaise. L'accès à l'image grand format se fait en deux étapes, avec d'abord un survol puis un clic, sans qu'il soit possible au préalable pour l'utilisateur de savoir ce qu'il faut faire. Cette interface n'est donc pas prévisible, ce qui posera problème. De plus, lors du survol d'une vignette une image de taille moyenne apparait, ce qui modifie souvent la hauteur de l'image au-dessus des vignettes, et donc les vignettes qu'on est en train de survoler descendent ou remontent de manière peu prévisible. Les interfaces qui bougent dans tous les sens sans prévenir, c'est mal. Smiley cligne

- Au vu du point précédent, je me contenterais d'afficher des vignettes de taille moyenne donnant accès à l'image de grande taille (avec effet Lightbox ou pas...). Une seule action, et pas de réaction au survol (les modifications de contenus au survol, c'est généralement casse-gueule).
merci de tes réponses, je vais en parler avec mes commanditaires, en effet je suis stagiaire et c'est ma première réalisation web. Smiley biggrin
Ah oui, et au passage on peut noter qu'en que le survol n'est accessible qu'avec une souris ou un touchpad. Et donc pas... lors de la navigation au clavier. Concrètement, utiliser onclick sur un lien en bonne et due forme donne le résultat le plus accessible.