Sujet Précédent Sujet Suivant

Fancybox !

Fermé
gaerebut Messages postés 1017 Date d'inscription mardi 30 octobre 2007 Statut Membre Dernière intervention 22 novembre 2013 - 12 déc. 2008 à 02:32
gaerebut Messages postés 1017 Date d'inscription mardi 30 octobre 2007 Statut Membre Dernière intervention 22 novembre 2013 - 12 déc. 2008 à 09:03
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

Réponse 1 / 2
Utilisateur anonyme
12 déc. 2008 à 09:00
tu peux préciser , peut etre mettre un lien
0
Réponse 2 / 2
gaerebut Messages postés 1017 Date d'inscription mardi 30 octobre 2007 Statut Membre Dernière intervention 22 novembre 2013 171
12 déc. 2008 à 09:03
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