<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta name="Author" content="GÉRARD GOLDSTEIN">
<meta name="Generator" content="WebExpert 2000">
<meta http-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">
<link href=" classes.css" rel="stylesheet" media="screen"/>
<script src="jQuery.js"></script>
</head>
<body bgcolor=#4C493B style="overflow-x: hidden; overflow-y: hidden">
<div ID="categorie">
<div class="texte" >
<div class="txt1" >
« Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.
Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.
Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.
ante non diam sodales hendrerit.
</div>
</div>
</div> <!--fin categorie-->
<table cellspacing=30 id="galerie" class="gal">
<tr >
<td><div style=" width:50; height: 50px; background: white"> </div> </td>
<td><div style=" width:50; height: 50px; background: blue"> </div> </td>
<td><div style=" width:50; height: 50px; background: red"> </div> </td>
<td><div style=" width:50; height: 50px; background: silver"> </div> </td>
<td><div style=" width:50; height: 50px; background: yellow"> </div> </td>
<td><div style=" width:50; height: 50px; background: white"> </div> </td>
<tr>
</table>
<img src="FRECCIAG.gif" width=30 height=20 ID="gauche" class="FG" >
<div class="texte3" >
<div class="FDG"> cliquez sur une flêche pour faire défiler la galerie, et sur une image pour l'agrandir... </div>
</div>
<img src="FRECCIAD.gif" width=30 height=20 ID="droite" class="FD" >
<!-------------------------------------------------------------------------------------------------------------------------------------->
<script >
$('#droite').click( function() {
$('#galerie').animate({left: '+=150'}, 2000);
});
$('#gauche').click( function() {
$('#galerie').animate({left: '-=150'}, 2000);
});
</script>
</body>
</html>
<html>
<head>
<title></title>
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta name="Author" content="GÉRARD GOLDSTEIN">
<meta name="Generator" content="WebExpert 2000">
<meta http-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">
<link href=" classes.css" rel="stylesheet" media="screen"/>
<script src="jQuery.js"></script>
</head>
<body bgcolor=#4C493B style="overflow-x: hidden; overflow-y: hidden">
<div ID="categorie">
<div class="texte" >
<div class="txt1" >
« Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.
Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.
Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.
ante non diam sodales hendrerit.
</div>
</div>
</div> <!--fin categorie-->
<table cellspacing=30 id="galerie" class="gal">
<tr >
<td><div style=" width:50; height: 50px; background: white"> </div> </td>
<td><div style=" width:50; height: 50px; background: blue"> </div> </td>
<td><div style=" width:50; height: 50px; background: red"> </div> </td>
<td><div style=" width:50; height: 50px; background: silver"> </div> </td>
<td><div style=" width:50; height: 50px; background: yellow"> </div> </td>
<td><div style=" width:50; height: 50px; background: white"> </div> </td>
<tr>
</table>
<img src="FRECCIAG.gif" width=30 height=20 ID="gauche" class="FG" >
<div class="texte3" >
<div class="FDG"> cliquez sur une flêche pour faire défiler la galerie, et sur une image pour l'agrandir... </div>
</div>
<img src="FRECCIAD.gif" width=30 height=20 ID="droite" class="FD" >
<!-------------------------------------------------------------------------------------------------------------------------------------->
<script >
$('#droite').click( function() {
$('#galerie').animate({left: '+=150'}, 2000);
});
$('#gauche').click( function() {
$('#galerie').animate({left: '-=150'}, 2000);
});
</script>
</body>
</html>
