bonjour,
j'ai des images stocker dans sql et je veux que lorsque le visiteur passe la souris sur l'image que la grosse image change pour celle que la souris est dessus.
voici mon code :
<script type="text/javascript">
function change(imageaaffiche){
document.getElementById('photo').src=imageaaffiche
}
</script>
<?php
$sql = "SELECT filepath,filename,numero,nom FROM photo WHERE nom = '".mysql_real_escape_string($_GET['nom'])."' AND numero = '1'";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
$data = mysql_fetch_array($req);
$sql2 = "SELECT filepath,filename,numero,nom FROM photo WHERE nom = '".mysql_real_escape_string($_GET['nom'])."'";
$req2 = mysql_query($sql2) or die('Erreur SQL !<br>'.$sql2.'<br>'.mysql_error());
echo '<img id ="photo" src="'.$data['filepath'].'/'.$data['filename'].'">';
echo '<br>';
while ($data2 = mysql_fetch_array($req2)){
echo '<img src ="'.$data2['filepath'].'/'.$data2['filename'].'" onmouseover="change("'.$data2['filepath'].'/'.$data2['filename'].'")">';
}
?>
les images s'affiche, mais losque l'on passe la souris sur les images la grosse image ne change pas, je suis debutant et j'ai besoin d'aide.
Merci