11548 sujets

JavaScript, DOM et API Web HTML5

Salut tout le monde,

je cherche à faire une fenêtre de visualisation d'images (sans recharger la page). Les images apparaissent dans cette fenêtre en fonction du survol de vignettes qui se trouve sur cette même page.

La div contenant les vignettes et la div où doit apparaitre les images sont séparée et non-imbriquée l'une dans l'autre.

upload/1365-vignette.jpg

Niro Xeo m'avait fillé un pti javascipt pour réaliser çà : "

En JavaScript, c'est assez simple :
<img src="blank.png" alt="" id="imageOriginale" />

<a href="image1_originale.png" onmouseover="image(this.href);" onclick="return false;"><img src="image1_miniature.png" alt="Texte alternatif" /></a>

<a href="image2_originale.png" onmouseover="image(this.href)" onclick="return false;"><img src="image2_miniature.png" alt="Texte alternatif" /></a>

<a href="image3_originale" onmouseover="image(this.href);" onclick="return false;"><img src="image3_miniature.png" alt="Texte alternatif" /></a>



Voici la fonction :
<script type="text/javascript">
<!--
function image(url)
{
 document.getElementById('imageOriginale').src = url;
}
-->
</script>

"
merci encore.

Seulement, j'avais oublié de préciser qu'il fallait qu'en cliquant sur les vignettes, je puisse aller sur une autre page.

Et comme, je suis vraiment une tâche en JS, j'ai même pas réussi à modifier le code Smiley confused

Est-ce que quelqu'un pourrait m'aider à modifier le code pour je puisse rendre les images cliquables pour aller vers d'autre page du site.

Merci d'avance.
Modifié par nab_ (06 Apr 2005 - 16:40)