Sujet Précédent Sujet Suivant

Soucis avec onMouse

Résolu/Fermé
MVU Messages postés 16 Date d'inscription mercredi 11 mars 2009 Statut Membre Dernière intervention 17 avril 2009 - 1 avril 2009 à 10:25
MVU Messages postés 16 Date d'inscription mercredi 11 mars 2009 Statut Membre Dernière intervention 17 avril 2009 - 2 avril 2009 à 10:11
Ami(e)s internautes, amis commentcamarchiens (on va le garder au masculin celui la :) ); Bonjour !

Je suis en train de refaire mon site professionnel (site de vente de vehicules utilitaire) et pour cela j'ai créer une petite galerie photos dont voici le code :

Merci vindicien, ca fonctionne super, par contre j'ai quelques soucis pour placer les onmouseover / onmouseout, si quelqu'un pouvait éclairer ma lanterne ;) voici le code que j'ai obtenu pour le moment :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
div#galerie
{
width: 700px ;
background: #eed ;
border: 1px solid #dcb ;
padding: 15px ;
margin: 15px 30px ;
text-align: center ;
font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}

ul#galerie_mini li
{
float: left ;
}

ul#galerie_mini li a img
{
margin: 2px 1px ;
border: 1px solid #dcb ;
}

dl#photo
{
clear: both ;
margin: 0 auto ;
}

dl#photo dt
{
font: italic 0.5em/1.5em Georgia, serif ;
color: #dcb ;
}

dl#photo dd
{
margin: 0 ;
}

dl#photo img
{
border: 1px solid #dcb ;
}
</style>


</head>

<body>
<div id="galerie">
<ul id="galerie_mini">
<li><a href="../../images/vehicules/001.JPG" title="206 societe"><img src="../../images/vehicules/mini/001mini.JPG" alt="206" width="160" height="120" /></a></li>

<li><a href="../../images/vehicules/001 (1).JPG" title="Titre de la photo 2"><img src="../../images/vehicules/mini/001 (1)mini.JPG" alt="Le titre de la photo 2" width="160" height="120" border="0" /></a></li>
<li><a href="../../images/vehicules/001 (2).JPG" title="Titre de la photo 3"><img src="../../images/vehicules/mini/001 (2)mini.JPG" alt="Le titre de la photo 3" width="160" height="120" border="0" /></a></li>
</ul>


<dl id="photo">
<dt>Titre de la photo 1</dt>
<dd><img src="../../images/vehicules/001.JPG" alt="Photo 1 en taille normale" name="big_pict" width="640" height="480" id="big_pict" /></dd>
</dl>
</div>


</body>
</html>


Jusque la tout fonctionne plutot bien mise a part que j'aimerai que les photos défilent quand on passe le pointeur dessus donc avec un onmouseover / onmouseout mais je ne sais pas exactement où les placer, si quelqu'un peut eclairer ma lanterne.

D'avance merci de l'attention que vous porterez à mon message ;)

5 réponses

Réponse 1 / 5
MVU Messages postés 16 Date d'inscription mercredi 11 mars 2009 Statut Membre Dernière intervention 17 avril 2009
1 avril 2009 à 11:41
up !
0
Réponse 2 / 5
Utilisateur anonyme
1 avril 2009 à 11:58
Essayes d'adapter ce script :

<script type="text/javascript">
function changer_photo(nom_fichier)
{

img = this.document.getElementById('img_big');

img.src = "../../images/vehicules/" + nom_fichier;
}
</script>

<div id="galerie">
<ul id="galerie_mini">
<li><img onmouseover="changer_photo('001.bmp')" src="001mini.bmp" /></li>
<li><img onmouseover="changer_photo('002.bmp')" src="002mini.bmp" /></li>
</ul>


<dl id="photo">
<dt>Titre de la photo 1</dt>
<dd><img id="img_big" src="../../images/vehicules/001.bmp" alt="Photo 1 en taille normale" name="big_pict" id="big_pict" /></dd>
</dl>
</div>
0
Réponse 3 / 5
MVU Messages postés 16 Date d'inscription mercredi 11 mars 2009 Statut Membre Dernière intervention 17 avril 2009
1 avril 2009 à 12:03
merci je regarde ca de suite ;)
0
Réponse 4 / 5
MVU Messages postés 16 Date d'inscription mercredi 11 mars 2009 Statut Membre Dernière intervention 17 avril 2009
1 avril 2009 à 17:44
non j'ai beau essayer, je n'y suis pas arrivé :/
j'ai un autre soucis maintenant, je n'arrive pas a mettre mes miniatures sur le coté (gauche ou droite peut importe) de la grande photo.
Si quelqu'un a quelquechose a me proposer, je suis toujours preneur ;)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
MVU Messages postés 16 Date d'inscription mercredi 11 mars 2009 Statut Membre Dernière intervention 17 avril 2009
2 avril 2009 à 10:11
toujours personne ? :(
0