Discussion :

[iciyatou]

Bonjour,

Je viens d'installer un script pour réaliser un rollover à distance... Lorsque l'on passe la souris sur une image, l'image présente au dessus change.
Voici le script : (Il fonctionne parfaitement sur l'accueil de mon site : http://www.iciyatou.net/)

Partie head :

<!-- Début du script images rollover sur l'accueil du site -->
<script language="javascript">
<!--
image1 = new Image;
image1.src = "actualites/img-forum.png";
image2 = new Image;
image2.src = "actualites/img-duel.png";
//-->
</script>
<!-- Fin du script images rollover sur l'accueil du site -->

Partie body :

<a href="http://forum.iciyatou.net" target="_blank" onMouseOver="distance.src=image1.src"><img src="actualites/img-01.gif" border="0"></a>
<a href="duel.html" onMouseOver="distance.src=image2.src">&nbsp;<img src="actualites/img-02.gif" border="0"></a>

Cepedant, j'aurai une question... Comment placer un lien sur la plus grosse image ? Donc celle qui change au passage de la souris. Il me faudrait un lien différent sur chacune des images (en l'occurence deux liens différents). Un lien sur l'image 1, un autre lien sur l'image 2.
J'arrive sans soucis à placer un lien sur les miniatures, mais je ne sais pas ce qu'il faut ajouter au script pour placer un lien sur la plus grande ?!

Dans l'attente d'une réponse de votre part, je vous remercie d'avance.

Laurent

[SpaceFrog]

rien compris ...
la plus grande ????
et puis distant ??? sur le PC de ton voisin ???

[iciyatou]

Bonsoir,

Je viens d'installer un rollover en javascript sur l'accueil de mon site...
J'explique en image pour que tout le monde comprenne bien mon soucis...



L'image du haut (la plus grosse) change en fonction de la position de la souris... si cette dernière est présente sur l'une ou l'autre des miniatures... Le script fonctionne parfaitement, j'arrive à placer des liens sur les miniatures, mais pas sur la plus grosse des images.
Il faudrait que je puisse placer un lien sur la grosse image, mais que ce lien change en fonction de l'image qui se charge... Par exemple : Affichage de l'image 1 avec le lien 1, affichage de l'image 2 avec le lien 2...

Voici mon script :

Partie head :

<script language="javascript">
<!--
image1 = new Image;
image1.src = "actualites/img-forum.png";
image2 = new Image;
image2.src = "actualites/img-duel.png";
//-->
</script>

Partie body :

<a href="http://forum.iciyatou.net" target="_blank" onMouseOver="distance.src=image1.src"><img src="actualites/img-01.gif" border="0"></a>
<a href="duel.html" onMouseOver="distance.src=image2.src">&nbsp;<img src="actualites/img-02.gif" border="0"></a>

Auriez-vous une solution ?
Dans l'attente de vous lire, je vous souhaite une bonne soirée.

Laurent

[SpaceFrog]

c'est quoi distance ????

on attend un objet par son Id

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('idImage').src=...

[ndobra]

Bonjour je suis nouveau et cela fait 2jours que j'espere de faire exactement la meme chose mais je n'y connais rien en java ! Ma seule différence avec votre bloc news cest que moi le texte avec le titre et sa description je ne veux pas qu'il soit sur l'image comme vous, mais sous les miniatures en texte normal, pour que je puisse tout gérer ensuite en PHP

Comme cela


Un peu comme sur le site france2 qui ont leur description et titre en texte

merci pour votre aide car je rame total là