1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML

2 questions comment faire un rollover sur une image différente de celle qu'on su

Signaler
Messages postés
10
Date d'inscription
mercredi 29 octobre 2008
Statut
Membre
Dernière intervention
24 novembre 2008
 -
Messages postés
10
Date d'inscription
mercredi 29 octobre 2008
Statut
Membre
Dernière intervention
24 novembre 2008
 -
je n'ai encore jamais fait de script javascript ou autre, mais on m'a dit qu'il fallait que je réalise cette manipulation ainsi.

Il s'agit en fait de faire une sorte de rollover, qui au lieu de faire permuter l'image sur laquelle se trouve la souris, permute une autre image.

En fait, il s'agit d'une sorte de galerie de t-shirts. En bas, on a des petits aperçu de tshirts et lorsqu'on survole un de ces petits aperçus, cela ne change pas l'image qu'on survole, mais une plus grande (en fait la même image en plus grand), au dessus, image qui n'est alors pas survolée. Il n'y a qu'un seul grand visuel mais les petits visuels sont tous là.

http://works.emaf.ch/~oraneschick/monokrom/

si cela n'est pas clair faite moi signe

autre question ici il s'agit du liste déroulante select qui fait recharge la page vers un festival selectionnée

Je m'explique: j'ai une liste select tout ce qu'il y a de plus normal avec des noms de festival. Lorsqu'on clique sur un des nom de la liste, la page se recharge et on arrive sur la page du festival sélectionnée.

merci d'avance
Afficher la suite

5 réponses

Réponse 1 / 5
Messages postés
1782
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
14 janvier 2021
 116
voici un script pour l'image

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT>

function changeimage(chemindemonimage){

document.getElementById('monimg').src='chemindemonimage'
}

</SCRIPT>
</HEAD>

,
,

</HTML>

pour le selecte

<select onChange="self.location =value">
<option value="">Choisissez !
</option>
<option value="page1.html">site 1</option>
<option value="page2.html">site2</option>
</select>
Réponse 2 / 5
Messages postés
10
Date d'inscription
mercredi 29 octobre 2008
Statut
Membre
Dernière intervention
24 novembre 2008
merci infiniment d'avoir pris du temps pour composer ce code....
Réponse 3 / 5
Messages postés
10
Date d'inscription
mercredi 29 octobre 2008
Statut
Membre
Dernière intervention
24 novembre 2008
pour le select sa fonctionnne, mais pour les images sa ne marche pas...

voilà qui marche cette fois avec l'image que j aimerais changer...sa sera plus simple d avoir le visuel pour comprendre...

http://works.emaf.ch/~oraneschick/image%207.png

j'ai donc ici sur sorte de swap image que lorsque je passe sur un visuel miniature, cela me change le grand en haut...les autres je crois doivent être caché en dessous mais je ne suis pas sûr...

merci d'avance pour la personne qui prendra du temps pour moi
Réponse 4 / 5
Messages postés
1782
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
14 janvier 2021
 116
un exemple avec le nom de ton image

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT>

function changeimage(chemindemonimage){

document.getElementById('monimg').src='chemindemonimage'
}

</SCRIPT>
</HEAD>

image7miniature.png" onmouseover= "changeimage('image7.png')">

</HTML>

evite de mettre un espace pour le nom de tes images
Réponse 5 / 5
Messages postés
10
Date d'inscription
mercredi 29 octobre 2008
Statut
Membre
Dernière intervention
24 novembre 2008
merci c'est bon j'ai trouvé une solution qui marche grâce à un autre code mais merci pour le select...
Répondre Posez votre question