5546 sujets

Sémantique web et HTML

Bonjour, à toutes et à tous, mon problème j'ai créer ma galerie avec des petites images et des grandes images et quand on clique dessus je voudrais que sa change.
Code HTML:
<!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" xml:lang="fr" >
<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.6.2.min.js" ></script>
    <link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>  
<body>
<!--Début de la galerie-->
 
 
<div class="thumb">
  <a href="">
    <img src="logo toucan.jpg" alt="oiseau" />
  </a>
</div>
<div class="thumb">
  <a href="#">
    <img src="logo Game.jpg" alt="oiseau" />
  </a>
</div>
<div class="thumb">
  <a href="#">
    <img src="logo toucan.jpg" alt="oiseau" />
  </a>
<div class="thumb"> 
<img src="logo toucan.jpg" alt="oiseau" />
</div>
</body></html>


body {
 background: silver;
  border: 1px solid black;
}
  
img {
  border:0
   
}
  
 
.thumb a {
  display:block;
}
  
.thumb a:hover {
  position:absolute;   
}   
  
/*hack pour permettre le rollover
de gauche à droite avec mozilla*/
  
body > .thumb a:hover {   
  position:relative;    
}  
  
.thumb a img {
margin: 5px;
float: left;
  width:200px;
  height:100px;
}



Joyeux Noël, à tous !
autrement il y a des modèles de gallerie qui sont proposés dans divers sites - les images défilent - on peut choisir l'apparence ou la vitesse de rotation des images