jCarousel et Thickbox 3

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : jCarousel et Thickbox 3

spunk62

Bonjour,
j'aimerai modifier ce code afin d'afficher les photos de ma base de donnée dans mon carousel mais je ne vois pas comment faire pouvez vous m'aider.Il faudrait charger $row[1] dans mycarousel_itemList.

Code :

<?php
echo '<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<script src="script/script.js" type="text/javascript" ></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" media="screen"href="style.css" />
<script type="text/javascript" src="lib/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="lib/jquery.jcarousel.pack.js"></script>
<script type="text/javascript" src="lib/thickbox/thickbox.js"></script>
<link rel="stylesheet" type="text/css" href="lib/jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="lib/thickbox/thickbox.css" />
<link rel="stylesheet" type="text/css" href="skins/ie7/skin.css" />
<script type="text/javascript">
// Set thickbox loading image
tb_pathToImage = "images/loading-thickbox.gif";
var mycarousel_itemList = [
{url: "http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg", title: "Flower1"},
{url: "http://static.flickr.com/75/199481072_b4a0d09597_s.jpg", title: "Flower2"},
{url: "http://static.flickr.com/57/199481087_33ae73a8de_s.jpg", title: "Flower3"},
{url: "http://static.flickr.com/77/199481108_4359e6b971_s.jpg", title: "Flower4"},
{url: "http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg", title: "Flower5"},
{url: "http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg", title: "Flower6"},
{url: "http://static.flickr.com/58/199481218_264ce20da0_s.jpg", title: "Flower7"},
{url: "http://static.flickr.com/69/199481255_fdfe885f87_s.jpg", title: "Flower8"},
{url: "http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg", title: "Flower9"},
{url: "http://static.flickr.com/70/229228324_08223b70fa_s.jpg", title: "Flower10"}
];
function mycarousel_itemLoadCallback(carousel, state)
{
for (var i = carousel.first; i <= carousel.last; i++) {
if (carousel.has(i)) {
continue;
}
if (i > mycarousel_itemList.length) {
break;
}
// Create an object from HTML
var item = jQuery(mycarousel_getItemHTML(mycarousel_itemList[i-1])).get(0);
// Apply thickbox
tb_init(item);
carousel.add(i, item);
}
};
/**
* Item html creation helper.
*/
function mycarousel_getItemHTML(item)
{
var url_m = item.url.replace(/_s.jpg/g, \'_m.jpg\');
return \'<a href="\' + url_m + \'" title="\' + item.title + \'"><img src="\' + item.url + \'" width="75" height="75" border="0" alt="\' + item.title + \'" /></a>\';
};
jQuery(document).ready(function() {
jQuery(\'#mycarousel\').jcarousel({
size: mycarousel_itemList.length,
itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
});
});
</script>
</head>
<body>';
require "connexionbase.php";
$nomAlbum=$_GET['nomAlbum'];
$sql="select * from photo ;";
$result=mysql_query($sql);
while ($row=mysql_fetch_array($result, MYSQL_BOTH)){
}
echo'
<div id="wrap">
<ul id="mycarousel" class="jcarousel-skin-ie7">
</ul>
</div>';
echo '
</body>
</html>';
?>

merci.

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

jCarousel et Thickbox 3

Sujets relatifs
AJAX et effet sur image style Thickbox	aide jquery thickbox passage de variable
Jquery - Bug script perso- style Jcarousel (très très basique!!)
Plus de sujets relatifs à : jCarousel et Thickbox 3

Page générée en 0.057 secondes