Fancybox !
gaerebut
Messages postés
1060
Statut
Membre
-
gaerebut Messages postés 1060 Statut Membre -
gaerebut Messages postés 1060 Statut Membre -
Bonjour,
j'ai quelque problème pour afficher des images avec la fancybox.
En fait j'y arrive bien sauf quand il s'agit de creer une liste d'image dynamiquement en PHP !
Je liste mes image via une base de données, donc avec une boucle While();
Je met tout ça dans un tableau HTML et je met un ID au table.
Ensuite je dois déclarer cette id dans la fancybox pour reconnaitre les lien est afficher les image mais ça ne marche pas :(
HELP !!
Merci
A+
Gaerebut
j'ai quelque problème pour afficher des images avec la fancybox.
En fait j'y arrive bien sauf quand il s'agit de creer une liste d'image dynamiquement en PHP !
Je liste mes image via une base de données, donc avec une boucle While();
Je met tout ça dans un tableau HTML et je met un ID au table.
Ensuite je dois déclarer cette id dans la fancybox pour reconnaitre les lien est afficher les image mais ça ne marche pas :(
HELP !!
Merci
A+
Gaerebut
2 réponses
ok,
heu
voici mon code pour la déclaration :
Et voici le code de la page php :
Merci d'avance ...
A+
Gaerebut
heu
voici mon code pour la déclaration :
<link rel="stylesheet" href="fancybox/fancy.css" type="text/css" media="screen">
<script type="text/javascript" src="fancybox/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.0.0.js"></script>
<script type="text/javascript" src="fancybox/jquery.pngFix.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//Activate FancyBox
$("td#test a").fancybox({ 'hideOnContentClick': true, 'zoomSpeedIn': 800, 'zoomSpeedOut': 800, 'overlayShow': true });
$("#comment_form").attr("action", "/fancy/add_comment"); $("#age").val('fancy'); //die spamers, die...
});
var imageList = [
{url: "./images/logo.png", title: "MyPlace"},
];
function getGroupItems(opts) {
jQuery.each(imageList, function(i, val) {
opts.itemArray.push(val);
});
}
</script>
Et voici le code de la page php :
<table id="table_Today">
<tr id="tr_Today">
<td id="td_Today">
Chemin de l'image
</td>
<td>
Auteur
</td>
<td>
Date
</td>
</tr>
<?php
include ("../ressources/config.inc.php");
$con = mysql_connect(_HOST, _USER, _PASS);
if (!$con)
die("Erreur de connexion à la base de données : " . mysql_error());
mysql_select_db(_BASE, $con);
$ligne = true;
$query = "SELECT * FROM picture WHERE private = 0 LIMIT 100";
$requete = mysql_query($query, $con);
$verif = mysql_num_rows($requete);
if($verif){
while($tableau = mysql_fetch_array($requete)){
$id = $tableau['id'];
$name = $tableau['name'];
$author = $tableau['author'];
$timestamp = date('d/m/Y à H\hi', $tableau['timestamp']);
if($ligne){
echo '<tr id="tr_Today2">';
$ligne = false;
}
else{
echo '<tr id="tr_Today3">';
$ligne = true;
}
echo '<td onclick="Ajax(\'Affiche_image\', \'logBox\', \'' . $id . '\') class="test"><a href="./upload/' . $name . '">http://localhost/myplace/V2/upload/' . $name . '</a></td>';
echo '<td>' . $author . '</td>';
echo '<td>' . $timestamp . '</td>';
echo '</tr>';
}
}
else{
echo '<b><font color=red>Il n\'y a aucune image d\'uploader pour l\'instant !</font></b>';
}
mysql_close($con);
?>
</table>
Merci d'avance ...
A+
Gaerebut