Bandeau Horizontal avec Image ?????

Bandeau Horizontal avec Image ????? - HTML/CSS - Programmation

Marsh Posté le 28-11-2007 à 00:03:38    

Bonsoir tous le monde,   :pt1cable:  
Je bosse sur un site actuellement et je cherche à réaliser un encart / bandeau contenant des vignettes images. Pour faire défiler les vignettes dans l'espace prévu on utiliserais une flèche droite et une flèche gauche !!  
 
http://www.lagrandealzine.com/version.htm
 
J'ai tenter un code avec MARQUEE mais ça ne conviens pas ?
Les images défile en continue et stop au survole de la souris... ( ce qui en soit n'est pas trop éloigné) sauf que le passage des images pour revenir à son état initiale laisse pas une longue pause blanche !!  
Quelqu'un à t'il une solution  ? :??:  
 
----------------------------------------------------------------------------------------------------------
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
#Layer1 {
 position:absolute;
 left:256px;
 top:146px;
 width:360px;
 height:108px;
 z-index:1;
}
-->
</style>
</head>
<div id="Layer1">
  <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="10" direction="left" height="60">
  <a href="01.jpg"><img src="file:///C|/Documents and Settings/Mint/Mes documents/Mes images/minty design/ALZINE/La Grande Alzine/CARTE/BOUTON De Perpignan.jpg" border="0" width="109" height="101" style="filter:alpha(opacity=15)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" /></a></font> <font face="Verdana"><a href="02.jpg"><a href="#" onClick="window.open('image02.jpg','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=556, height=418, left=70, top=70');return(false)"><img src="file:///C|/Documents and Settings/Mint/Mes documents/Mes images/minty design/ALZINE/La Grande Alzine/CARTE/BOUTON Nous Trouver.jpg" border="0" width="109" height="101" style="filter:alpha(opacity=15)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" /></a></font> <font face="Verdana"><a href="03.jpg"><a href="#" onClick="window.open('image03.jpg','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=556, height=418, left=70, top=70');return(false)"><img src="file:///C|/Documents and Settings/Mint/Mes documents/Mes images/minty design/ALZINE/La Grande Alzine/CARTE/BOUTON Par Autoroute.jpg" border="0" width="109" height="101" style="filter:alpha(opacity=15)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" /></a></font>
  </marquee>
</div>
<p align="center"><MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=10 direction=left height=60>  
<font face="Verdana"><a href="01.jpg"><a href="#" onClick="window.open('image01.jpg','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=556, height=418, left=70, top=70');return(false)"></a></font>
</MARQUEE>
</body>
</html>
 

Reply

Marsh Posté le 28-11-2007 à 00:03:38   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed