jCarousel et Thickbox 3

jCarousel et Thickbox 3 - HTML/CSS - Programmation

Marsh Posté le 08-01-2010 à 16:50:21    

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 :
  1. <?php
  2. echo '<?xml version="1.0" encoding="UTF-8"?>
  3.             <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  4. "http://www.w3.org/TR/xhtml1-strict.dtd">
  5.        <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
  6.        <head>
  7.        <script src="script/script.js" type="text/javascript" ></script>
  8.        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  9.        <link rel="stylesheet" type="text/css" media="screen"href="style.css" />
  10. <script type="text/javascript" src="lib/jquery-1.2.3.pack.js"></script>
  11. <script type="text/javascript" src="lib/jquery.jcarousel.pack.js"></script>
  12. <script type="text/javascript" src="lib/thickbox/thickbox.js"></script>
  13. <link rel="stylesheet" type="text/css" href="lib/jquery.jcarousel.css" />
  14. <link rel="stylesheet" type="text/css" href="lib/thickbox/thickbox.css" />
  15. <link rel="stylesheet" type="text/css" href="skins/ie7/skin.css" />
  16. <script type="text/javascript">
  17. // Set thickbox loading image
  18. tb_pathToImage = "images/loading-thickbox.gif";
  20. var mycarousel_itemList = [
  21.     {url: "http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg", title: "Flower1"},
  22.     {url: "http://static.flickr.com/75/199481072_b4a0d09597_s.jpg", title: "Flower2"},
  23.     {url: "http://static.flickr.com/57/199481087_33ae73a8de_s.jpg", title: "Flower3"},
  24.     {url: "http://static.flickr.com/77/199481108_4359e6b971_s.jpg", title: "Flower4"},
  25.     {url: "http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg", title: "Flower5"},
  26.     {url: "http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg", title: "Flower6"},
  27.     {url: "http://static.flickr.com/58/199481218_264ce20da0_s.jpg", title: "Flower7"},
  28.     {url: "http://static.flickr.com/69/199481255_fdfe885f87_s.jpg", title: "Flower8"},
  29.     {url: "http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg", title: "Flower9"},
  30.     {url: "http://static.flickr.com/70/229228324_08223b70fa_s.jpg", title: "Flower10"}
  31. ];
  33. function mycarousel_itemLoadCallback(carousel, state)
  34. {
  35.     for (var i = carousel.first; i <= carousel.last; i++) {
  36.         if (carousel.has(i)) {
  37.             continue;
  38.         }
  40.         if (i > mycarousel_itemList.length) {
  41.             break;
  42.         }
  44.         // Create an object from HTML
  45.         var item = jQuery(mycarousel_getItemHTML(mycarousel_itemList[i-1])).get(0);
  47.         // Apply thickbox
  48.         tb_init(item);
  50.         carousel.add(i, item);
  51.     }
  52. };
  54. /**
  55. * Item html creation helper.
  56. */
  57. function mycarousel_getItemHTML(item)
  58. {
  59.     var url_m = item.url.replace(/_s.jpg/g, \'_m.jpg\');
  60.     return \'<a href="\' + url_m + \'" title="\' + item.title + \'"><img src="\' + item.url + \'" width="75" height="75" border="0" alt="\' + item.title + \'" /></a>\';
  61. };
  63. jQuery(document).ready(function() {
  64.     jQuery(\'#mycarousel\').jcarousel({
  65.         size: mycarousel_itemList.length,
  66.         itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
  67.     });
  68. });
  70. </script>
  71. </head>
  72. <body>';
  73. require "connexionbase.php";
  74. $nomAlbum=$_GET['nomAlbum'];
  75. $sql="select * from photo ;";
  76. $result=mysql_query($sql);
  78. while ($row=mysql_fetch_array($result, MYSQL_BOTH)){
  80. }
  81. echo'
  82. <div id="wrap">
  84.   <ul id="mycarousel" class="jcarousel-skin-ie7">
  86.   </ul>
  88. </div>';
  90. echo '
  91. </body>
  92. </html>';
  93. ?>


 
merci.

Reply

Marsh Posté le 08-01-2010 à 16:50:21   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed