Image apparait au passage de la sourie

Fermé
Profil bloqué - 22 mars 2009 à 15:35
 Profil bloqué - 22 mars 2009 à 16:26
Bonjour, c'est encore moi voila j'ai deux question :

Simple

je voudrez qu'une image apparaisse quand je glisse la sourie sur un lien

Avancé

je voudrez carrément que quand je glisse ma sourie sur le lien on voit la video qui apparait et qui se lance ^^
je pense que c'est possible enfin j espère

Merci beaucoup

2 réponses

RAD ZONE Messages postés 5205 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 19 avril 2020 1 347
22 mars 2009 à 16:13
SALUT

Voila un exemple !! avec getElementById

la j ai mis des video youtube , mais tu met ce que tu veux dans les div "sub"

ATTENTION TU PEUX METTRE PLUSIEUR SUB , MAIS N OUBLIS PAS DE LES

DECLARER DANS LES ( ou de les enlever )
var subs_array = new Array("sub1","sub2");

de meme la j ai mis
<a href="javascript:void(0)" class="headings" onmouseover="displaySubs('sub2')" onfocus="if(this.blur)this.blur()"><strong>passe la sourie 2</strong></a>

tu peux bien sur mettre un lien normal a la place
<a href="http://ton lien" class="headings" onmouseover="displaySubs('sub2')" onfocus="if(this.blur)this.blur()"><strong>passe la sourie 2</strong></a>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">     
  <head>    
    <title>RAD ZONE Webcreation     
    </title>    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />    
    <meta name="author" content="http://radservebeer.free.fr" />    
    <meta name="generator" content="PSPad editor, www.pspad.com" />
<script type="text/javascript">
//<![CDATA[
//<!-- Begin
var subs_array = new Array("sub1","sub2");
function displaySubs(the_sub){
        if (document.getElementById(the_sub).style.display==""){
        document.getElementById(the_sub).style.display = "none";return
  }
  for (i=0;i<subs_array.length;i++){
        var my_sub = document.getElementById(subs_array[i]);
        my_sub.style.display = "none";
        }
  document.getElementById(the_sub).style.display = "";
  }
//  End -->
//]]>
</script>  
  </head>  
  <body bgcolor="black">    
    <div align="center">
      <p>      
        <a href="javascript:void(0)" class="headings" onmouseover="displaySubs('sub1')" onfocus="if(this.blur)this.blur()"><strong>passe la sourie 1</strong></a>      
      </p><br />
      <p>
        <a href="javascript:void(0)" class="headings" onmouseover="displaySubs('sub2')" onfocus="if(this.blur)this.blur()"><strong>passe la sourie 2</strong></a>
      </p>      
      <div id="sub1" style="display:none">        
        <object width="480" height="385">          
          <param name="movie" value="http://www.youtube.com/v/wDiUG52ZyHQ&amp;hl=fr&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" />          
          <param name="allowFullScreen" value="true" />          
          <param name="allowscriptaccess" value="always" />          
          <embed src="http://www.youtube.com/v/wDiUG52ZyHQ&amp;hl=fr&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385" />        
        </object>      
      </div>      
      <div id="sub2" style="display:none">        
        <object width="560" height="340">          
          <param name="movie" value="http://www.youtube.com/v/vhgzIM-9lfA&amp;hl=fr&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" />          
          <param name="allowFullScreen" value="true" />          
          <param name="allowscriptaccess" value="always" />          
          <embed src="http://www.youtube.com/v/vhgzIM-9lfA&amp;hl=fr&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340" />        
        </object>      
      </div>    
    </div>  
  </body>
</html>
0
Profil bloqué
22 mars 2009 à 16:26
Merci beaucoup je vais tester
0