Problème zoombox

clement14
PHP

Voila j'ai suivit le tutoriel de grafikart sur une galerie photo et je n'arrive pas à utilisser zoombox.
Voici mon code

<?php
include("verification.php");
if(!empty($_FILES)){
    require("imgClass.php");
    $img = $_FILES'img'];
    $ext = strtolower(substr($img'name'],-3)); // recupere l'extension de l'image en minuscule
    $allow_ext = array("jpg",'png','gif');
    if(in_array($ext,$allow_ext)){
    move_uploaded_file($img'tmp_name'],"images/".$img'name']);
    Img::creerMin("images/".$img'name'],"images/min",$img'name'],215,112);
    Img::convertirJPG("images/".$img'name']);
    }
    else{
        $erreur= "Votre fichier n'est pas une image";
    }
}
?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="intranet.css">
<link href="zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />
<title>Galerie Photo</title>
<script type="text/javascript" src="zoombox/jquery.js"></script>
<script type="text/javascript" src="zoombox/zoombox.js"></script>
</head>
<body>
<?php
include('header.php');
?>
<div id="contenu">
<h1>
Bienvenue dans la galerie photo
</h1>
<hr />
<br />
<?php
if(isset($erreur)){
    echo $erreur;
}
?>
<form method="post" action"galerie.php" enctype="multipart/form-data">
<input type="file" name="img"/>
<br /><br />
<input type="submit" name="Envoyer" />
</form>
<?php
$dos = "images/min";
$dir = opendir($dos);
while($file = readdir($dir)){
    $allow_ext = array("jpg",'png','gif');
    $ext = strtolower(substr($file,-3));
    if(in_array($ext,$allow_ext)){
?>
<div class= "min">
<a href="images/<?php echo $file; ?>" rel="zoombox[galerie]" >
<img src="images/min/<?php echo $file; ?> "/>
<h3><?php echo $file; ?></h3>
</a>
</div>
<?php
    }
}
?>
</div>
<?php
include('footer.php');
?>
</body>
</html>

Je comprend pas pourtant j'ai suivit les instructuions sur le site, quand je clique sur mon image elle me l'ouvre dans un epage blanche!
Merci d'avance pour votre aide ;)

3 réponses

Toppy

Salut,

Je pense que tu es sur zoombox V2, donc met plutôt des classes "zoombox" à tes liens et ajoute leurs "zgallery1" par exemple pour faire une galerie, pense aussi à bien vérifier les chemins vers tes fichiers ;)

Cordialement.

Grafikart

Je ne vois nul part $('a.zoombox').zoombox(); comme précisé dans la doc.

zvetlania

Tu as pensé à ajouter ça à la fin de ton code ?

<script type="text/javascript">
jQuery(function($){

    // Personnaliser ZoomBox
    $('a.min').zoombox({
        theme : 'zoombox', //available themes : zoombox,lightbox, prettyphoto, darkprettyphoto, simple
        opacity : 0.8, // Black overlay opacity
        duration : 800, // Animation duration
        animation : true, // Do we have to animate the box ?
        width : 600, // Default width
        height : 400, // Default height
        gallery : true, // Allow gallery thumb view
        autoplay : false // Autoplay for video
    });
});
</script>

Sans ça, tu auras beau cliquer ça marchera pas :)