IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

mouseover sur image


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    508
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 508
    Par défaut mouseover sur image
    Bonjour, je voudrais qu'au passage de la souris sur une image qui est affichée grâce à un lien et un tableau associatif fetcharray $row[adr_photo] comme voici le lien <a href=\"require/albumPhotos.php?id_album=$row[id_album]&amp;nom=$row[nomA]\"><img src=\"album/$row[nomA]/$row[adr_photo], je voudrais que les autres lignes, donc les autres résultats retournés du fetch array s'incrémentent dans une fonction javascript mouseover et mouseout.

    Voici mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    $sql="SELECT * FROM evenement,album,photo 
    					where album.id_even=evenement.id_even 
    					and photo.idAlbum=album.id_Album
    					";  							
    					$result=mysql_query($sql);//on execute la requette
    while ($row=MySQL_Fetch_Array($result))//je fait une boucle pour que $row prenne la valeur de chaque champ
    					{
     
      						echo "
      						<tr>
      						   <td>
      						       <h3>"; 
      						              echo "<a href=\"require/albumPhotos.php?id_album=$row[id_album]&amp;nom=$row[nomA]\">$row[nomA]</a>";echo"</h3>
      						   </td>
      						   <td>
      						       <h3>";echo $row['titre']; echo"</h3>
      						   </td>
    						   <td>";
      						       echo "<a href=\"require/albumPhotos.php?id_album=$row[id_album]&amp;nom=$row[nomA]\"><img src=\"album/$row[nomA]/$row[adr_photo]\" 
    							   class=\"apercu_photo\" 
    							   onmouseover=\"display_images('album/$row[nomA]/$row[adr_photo]|','$row[id_photo]','i')\"
    							   onmouseout=\"no_display_images\">"; 
     
    							echo"</td>
      						 </tr>";
    et la fonction javascript
     
    <script type="text/javascript">
    var t;
    function display_images(values1, imageId, i){
    	images = values1.split('|');
    	i++;
    	document.getElementById('image'+imageId).src = images[i];
    	t = setInterval("display_images1('"+values1+"', '"+imageId+"')", 800);
     
     
    }
    var i = 1;
     
     
     
    function display_images1(values1, imageId){
    	images = values1.split('|');
    	i++;
    	if(i == images.length){
    		i = 0;
    	}
    	document.getElementById('image'+imageId).src = images[i];
    }
     
    function no_display_images(defaulImage, imageId){
    	clearInterval(t);
    	document.getElementById('image'+imageId).src = defaulImage;
    }
     
    </script>
    Mais cela ne fonctionne pas.

    Si quelqu'un peut me mettre sur une piste, ce serait sympa.

    Merci d'avance.

  2. #2
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    1) orthographe/écriture en mode "accident de camion"
    2) extraits de code sans balises CODE
    3) le fameux "ça ne fonctionne pas"
    4) code serveur posté à la place du code généré

    Est-ce une tentative de record ?

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    508
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 508
    Par défaut re
    Bonjour, je voudrais qu'au passage de la souris sur une image qui est affichée grâce à un lien et un tableau associatif fetcharray $row[adr_photo] comme voici le lien <a href=\"require/albumPhotos.php?id_album=$row[id_album]&amp;nom=$row[nomA]\"><img src=\"album/$row[nomA]/$row[adr_photo], je voudrais que les autres lignes, donc les autres résultats retournés du fetch array s'incrémentent dans une fonction javascript mouseover et mouseout.

    Voici mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    $sql="SELECT * FROM evenement,album,photo 
    					where album.id_even=evenement.id_even 
    					and photo.idAlbum=album.id_Album
    					";  							
    					$result=mysql_query($sql);//on execute la requette
    while ($row=MySQL_Fetch_Array($result))//je fait une boucle pour que $row prenne la valeur de chaque champ
    					{
     
      						echo "
      						<tr>
      						   <td>
      						       <h3>"; 
      						              echo "<a href=\"require/albumPhotos.php?id_album=$row[id_album]&amp;nom=$row[nomA]\">$row[nomA]</a>";echo"</h3>
      						   </td>
      						   <td>
      						       <h3>";echo $row['titre']; echo"</h3>
      						   </td>
    						   <td>";
      						       echo "<a href=\"require/albumPhotos.php?id_album=$row[id_album]&amp;nom=$row[nomA]\"><img src=\"album/$row[nomA]/$row[adr_photo]\" 
    							   class=\"apercu_photo\" 
    							   onmouseover=\"display_images('album/$row[nomA]/$row[adr_photo]|','$row[id_photo]','i')\"
    							   onmouseout=\"no_display_images\">"; 
     
    							echo"</td>
      						 </tr>";
    et la fonction javascript
     
    <script type="text/javascript">
    var t;
    function display_images(values1, imageId, i){
    	images = values1.split('|');
    	i++;
    	document.getElementById('image'+imageId).src = images[i];
    	t = setInterval("display_images1('"+values1+"', '"+imageId+"')", 800);
     
     
    }
    var i = 1;
     
     
     
    function display_images1(values1, imageId){
    	images = values1.split('|');
    	i++;
    	if(i == images.length){
    		i = 0;
    	}
    	document.getElementById('image'+imageId).src = images[i];
    }
     
    function no_display_images(defaulImage, imageId){
    	clearInterval(t);
    	document.getElementById('image'+imageId).src = defaulImage;
    }
     
    </script>
    Mais cela ne fonctionne pas.

    Si quelqu'un peut me mettre sur une piste, ce serait sympa.

    Merci d'avance.

  4. #4
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    1) orthographe/écriture en mode "accident de camion"
    2) extraits de code sans balises CODE
    3) le fameux "ça ne fonctionne pas"
    4) code serveur posté à la place du code généré

    On s'éloigne du record

    ps : le point (1) est moins gênant, mais le reste...

Discussions similaires

  1. addEventListner et mouseover sur image
    Par zeclubbeur dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 29/12/2011, 16h09
  2. un array sur images ? LOL
    Par SpaceFrog dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 09/12/2004, 09h03
  3. [HTML][débutante] Map ou Onclick sur image ? Différent ?
    Par khany dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 08/12/2004, 14h05
  4. [allegro]passage de pointeur sur image
    Par Gonath dans le forum Autres éditeurs
    Réponses: 3
    Dernier message: 13/12/2003, 18h47
  5. zoom sur image de formulaire
    Par bourvil dans le forum VBA Access
    Réponses: 2
    Dernier message: 01/10/2003, 09h25

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo