La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Lien sur un rollover distant... Comment ?
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Lien sur un rollover distant... Comment ?  (Lu 1420 fois)
Lien sur un rollover distant... Comment ?
« sur: le 13-07-2008 a 22:03:18 »
requin
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 5





Voir le Profil    WWW    E-Mail
Répondre avec citation

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 :
Citation:
<script language="javascript">
<!--
image1 = new Image;
image1.src = "actualites/img-forum.png";
image2 = new Image;
image2.src = "actualites/img-duel.png";
//-->
</script>

Partie body :
Citation:
<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

Rapporter au modérateur  

http://www.iciyatou.net

Re:Lien sur un rollover distant... Comment ?
« Répondre #1 sur: le 18-07-2008 a 19:38:24 »
Krash
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 181





Voir le Profil    E-Mail
Répondre avec citation

Essaies avec ca:


Partie head :
Citation:
<script language="javascript">
<!--
function $(id) { return document.getElementById(id); }
image1 = new Image;
image1.src = "actualites/img-forum.png";
image2 = new Image;
image2.src = "actualites/img-duel.png";
//-->
</script>

Partie body :
Citation:
<a href="http://forum.iciyatou.net" target="_blank" onMouseOver="distance.src=image1.src; $('dist').href=this.href;"><img src="actualites/img-01.gif" border="0"></a>
            <a href="duel.html" onMouseOver="distance.src=image2.src; $('dist').href=this.href;">&nbsp;<img src="actualites/img-02.gif" border="0"></a>


Bien sur tu dois rajouter und id="dist" ou le nom que tu veux dans la balise <a> de ton image zoomé

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg