Image apparait au passage de la sourie

Profil bloqué -  
 Profil bloqué -
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 5362 Statut Contributeur 1 360
 
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é
 
Merci beaucoup je vais tester
0