Fancybox !

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

2 réponses

Utilisateur anonyme
 
tu peux préciser , peut etre mettre un lien
0
gaerebut Messages postés 1060 Statut Membre 171
 
ok,

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 &#224; 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
0