je cherche à customiser thickbox
je prends les paramètres des images ds une base msql
et voudrais rajouter une div #TB_description à l'intérieur de la fenêtre pour en afficher la description juste à côté du titre de l'image.
voici la page d'index appelant thickbox3_1.js script situé plus bas
Code :
Code :
- <script type="text/javascript">
- var mycarousel1_itemList = [
- <?php
-
- $connexion = Connexion ();
- $query = "SELECT * FROM images WHERE categorie = ".$categorie." ";
- $result = mysql_query($query)or die(mysql_error());
- $nbligne = mysql_num_rows($result);
- $i = 0;
- while($row = mysql_fetch_array($result))
- {
- $image= $row['src'];
- $titre= $row['titre'];
- $description = $row['description'];
- echo '{url: "'.$image.'", title: "'.$titre.'", description: "'.$description.'"}';
- if ($i++ < $nbligne - 1) echo ',';
- }
- mysql_close();
- ?>
- ];
- var mycarousel2_itemList = [];
- function mycarousel1_itemLoadCallback(carousel, state)
- { for (var i = carousel.first; i <= carousel.last; i++) {
- if (carousel.has(i)) {
- continue; }
- if (i > mycarousel1_itemList.length) {
- break;
- }
- // Create an object from HTML
- var item = jQuery(mycarousel1_getItemHTML(mycarousel1_itemList[i-1])).get(0);
- // Apply thickbox
- tb_init(item);
- carousel.add(i, item);
- }
- };
- function mycarousel2_itemLoadCallback(carousel, state)
- {
- for (var i = carousel.first; i <= carousel.last; i++) {
- if (carousel.has(i)) {
- continue;
- }
- if (i > mycarousel2_itemList.length) {
- break;
- }
- // Create an object from HTML
- var item = jQuery(mycarousel2_getItemHTML(mycarousel2_itemList[i-1])).get(0);
- // Apply thickbox
- tb_init(item);
- carousel.add(i, item);
- }
- };
- /**
- * Item html creation helper.
- */
- function mycarousel1_getItemHTML(item)
- {
- var url_m = item.url.replace(/_s.jpg/g, '.jpg');
- return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="135" height="135" border="0" alt="' + item.title + '" /></a>'
- };
- jQuery(document).ready(function() {
- jQuery('#mycarousel1').jcarousel({
- easing: 'bounceout',
- animation: 800,
- size: mycarousel1_itemList.length,
- itemLoadCallback: {onBeforeAnimation: mycarousel1_itemLoadCallback}
- });
- });
- function mycarousel2_getItemHTML(item)
- {
- var url_m = item.url.replace(/_s.jpg/g, '.jpg');
- return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="135" height="135" border="0" alt="' + item.title + '" /></a>'
- };
- jQuery(document).ready(function() {
- jQuery('#mycarousel2').jcarousel({
- size: mycarousel2_itemList.length,
- itemLoadCallback: {onBeforeAnimation: mycarousel2_itemLoadCallback}
- });
- });
- </script>
|
ici une partie du script thickbox
/* modif jerry (below)
description= "test";
si je place la variable description directement ici et la decommente
la fenêtre s'affiche , le div aussi ainsi que le contenu de la variable */
Code :
- $("#TB_window" ).append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>" +caption+ "<div id='TB_description'>" +description+ "</div><div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>" );
- {//this means the window is already up, we are just loading new content via ajax
- $("#TB_ajaxContent" )[0].style.width = ajaxContentW +"px";
- $("#TB_ajaxContent" )[0].style.height = ajaxContentH +"px";
- $("#TB_ajaxContent" )[0].scrollTop = 0;
- $("#TB_ajaxWindowTitle" ).html(caption);
- $("#TB_description" ).html(description); //modif jerry est-ce nécessaire?
- }
|
description= "test";
si je place la variable description directement ds le script thickbox
la fenêtre s'affiche , le div aussi ainsi que le contenu de la variable
ce serait donc un problème de transmission / récuperation de variable???
merci de votre aide,
ce problème commence à m'enerver...
