1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48
| <head>
<script type="text/javascript" src="../highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = '../highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'glossy-dark';
hs.wrapperClassName = 'dark';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
</head>
<body>
<div id="principale">
<div class="highslide-gallery">
<?php
Chargement dans un tableau de mes photos et calcul du nombre de page...
// affichage des images
for ($i=$premiereEntree; $i<$result; $i++){
if($i%$nbcol==0) echo '<tr>';
// pour chaque miniature, on affiche l'image munie d'un lien vers la photo en taille réelle
echo '<td><a href="../x/y/grande/' , $tableau[$i],'" class="highslide" onclick="return hs.expand(this)" ><img src="../x/y/petite/' , $tableau[$i] , '" title="Clic pour agrandir" /></a></td>';
if($i%$nbcol==($nbcol-1)) echo '</tr>';
}
?>
</div>
</div>
</body>
</html> |
Partager