Mammouth du PHP |
531 Messages
05 nov. 2007, 17:35
tu es sur que width s'exprime avec "px" ? j'en doute fortement.
La valeur retournée est de toute façon en px.
devrait le faire mieuw.
Oui c'était l'erreur... je pensais pourtant que le width me retournerais px.
Voilà toujours pour ceux que ça interesse. C'est un peu plus dynamique maintenant puisque php lit tout seul les images dans le repertoire
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Galerie</title>
<!-- GALLERIE -->
<?php // PARAMETRES
$rep = 'img/'; // Repertoire des images
$mini = '100'; // Taille des miniatures
$grande = '650'; // Taille grande
$id_image = 0;
?>
<style type="text/css">
#galerie {
overflow: hidden;
display: block;
width: 800px;
margin: 0 auto;
padding: 10px;
border: 1px solid #999;
}
#galerie h1 {
font-family: verdana;
font-size: 14px;
color: #fff;
margin: 0;
padding: 5px;
background: #999;
}
#big {
display: block;
margin: 0 auto;
}
#mini ul {
margin-left: 0;
margin-right: 0;
padding-left: 0;
list-style-type: none;
}
#mini li {
float: left;
}
#mini a {
display: block;
padding: 1px;
margin: 1px;
opacity: 0.5;
filter:alpha(opacity=50);
border: 1px solid #999;
}
#mini a:hover {
opacity: 1.0;
filter:alpha(opacity=100);
border-color: #999;
}
#mini a img {
border: 0;
}
</style>
<script type="text/javascript">
function image(src,alt){
var big=document.getElementById("big");
var titre = document.getElementById("titre");
big.src = src;
document.getElementById("titre").innerHTML = alt;
}
function zoom(width) {
var big = document.getElementById("big");
if (big.width != '750') {
big.width = '750';
}
else {
big.width = '<?php echo $grande; ?>';
}
}
</script>
<!-- FIN GALERIE -->
</head>
<body>
<!-- GALERIE -->
<?php
$images = array(); // Tableaux contenant l'url des images
$opendir = opendir($rep);
while ($file = readdir($opendir)) {
$last= substr($file, -5); // Recuperation 5 derniers caractères
if (eregi('.', $last)) { // Si la chaine contient un point (Permet d'exlure les fichiers cachés ou sans extensions)
$images[] = $file;
}
}
$titres= array( // Tableaux contenant le titre des images
'Super image 1',
'Super image 2',
'toto',
);
$nb_images= (count($images)); // ON COMPTE LE NOMBRE DE VALEUR DANS LE TABLEAU
?>
<div id="galerie">
<h1 id="titre"><?php echo $titres['0']; ?></h1>
<p><img id="big" width="<?php echo $grande; ?>" alt="<?php echo $titres['0']; ?>" src="<?php echo $rep.$images['0']; ?>" onmouseover="zoom(this.width)" /></p>
<div id="mini">
<ul>
<?php
// LISTE DES IMAGES
for( $tour = 0; $tour < $nb_images; $tour++.$id_image++ ) {
echo '<li><a href="#"><img width="'.$mini.'" id="'.$images[$id_image].'" alt="'.$titres[$id_image].'" src="'.$rep.$images[$id_image].'" onclick="image(this.src,this.alt);" /></a></li>';
}
?>
</ul>
</div>
</div>
<!-- FIN GALERIE -->
</body>
