Help pour inserer une requete dans un script jquery.

Messagepar bzmuz » Mer 08 Oct 2008, 08:36

Bonjour.
J'essaye depuis des heures d'integrer une requete dans une code jquery juste pour afficher une liste d'images (le code sert à faire une petite galerie photo). Mais comme j'ai installé Ultrapics, qu'il y a le plugin le plugin fancybox... ça commence à faire compliqué pour moi.
Si je mets le resultat de la requête pour les photo XL, bah il y a rien qui apparait sur la page... bref je m'embrouille....
Si quelqu'un à le courage de regarder pour m'orienter un peu. Merci.
Désolé pour la longueur, c'est toute la page, la partie concernée est tout en bas.
Voici le code que j'aimerai placer dans additional_image:
Code: Tout sélectionner
<!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! BY CYMBELINE//-->
<div id="additionalImages">
<h3>Images supplémentaires</h3>
<?php
for ($i=0; $i<8; $i++){
if (($product_info['products_image_sm_'.$i] != '') &
&($product_info['products_image_xl_'.$i] == '')) {
echo '<div id="littlePics">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_'.$i], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH,   ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"' ) . '</div>' ;
?>
<?php
 } elseif(($product_info['products_image_sm_'.$i] != '') ) {
?>
<script language="javascript"><!--
document.write('<?php echo'<a href="javascript:popupWindow(\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image='.$i) . '\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_'.$i], addslashes($product_info['products_name']), ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<div>'  . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</div>' . '</a>'; ?>');
//--></script>

 <noscript>
 <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_sm_'.$i]) . '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_'.$i], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>
</noscript>     

<?php
    } elseif (($products_info['products_image_sm_'.$i] == '') && ($product_info['products_image_xl_'.$i] != '')) {
 echo  '<div id="bigPics">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_'.$i], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '</div>' ;   }
} ?>
</div>

/////////////// donc le code ////////////////
<script type="text/javascript" src="js/jquery.galleria.pack.js"></script>
<script type="text/javascript">
jQuery(function($) {
$('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
$('ul.gallery_demo').galleria({
history   : true, // activates the history object for bookmarking, back-button etc.
clickNext : true, // helper for making the image clickable
insert    : '#main_image', // the containing selector for our main image
onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
       
// fade in the image & caption
if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
image.css('display','none').fadeIn(1000);
}
caption.css('display','none').fadeIn(1000);
// fetch the thumbnail container
var _li = thumb.parents('li');
// fade out inactive thumbnail
_li.siblings().children('img.selected').fadeTo(500,0.3);
// fade in active thumbnail
thumb.fadeTo('fast',1).addClass('selected');
// add a title for the clickable image
image.attr('title','Next image >>');
},
onThumb : function(thumb) { // thumbnail effects goes here

// fetch the thumbnail container
var _li = thumb.parents('li');
// if thumbnail is active, fade all the way.
var _fadeTo = _li.is('.active') ? '1' : '0.3';
// fade in the thumbnail when finnished loading
thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
// hover effects
thumb.hover(
function() { thumb.fadeTo('fast',1); },
function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
)}});
});
</script>

<h1>Galleria Demo 01</h1>
<div class="demo">
<div id="main_image"></div>
<ul class="gallery_demo_unstyled">
<li><img src="MON IMAGE" alt="Flowing Rock" title="Flowing Rock Caption"></li>
</ul>
<p class="nav"><a href="#" onclick="$.galleria.prev(); return false;">&laquo; previous</a> | <a href="#" onclick="$.galleria.next(); return false;">next &raquo;</a></p>
</div>

Voilà c'est juste au dessus (MON IMAGE) où je cherche à faire une liste de mes images (en dur ça marche si je fais une liste de <li>).
Dernière édition par bzmuz le Mer 08 Oct 2008, 08:40, édité 1 fois.
bzmuz
Membre actif
 
Messages: 20
Inscription: Mar 07 Oct 2008, 18:16

Messagepar j4k » Mer 08 Oct 2008, 10:31

une liste de quelles images ?
~ osCSS 1.2.1 ~
Avatar de l’utilisateur
j4k
Site Admin
 
Messages: 1259
Inscription: Mer 27 Avr 2005, 09:13
Localisation: France

Messagepar bzmuz » Mer 08 Oct 2008, 16:49

celles-ci $product_info['products_image_xl_'.$i]
bzmuz
Membre actif
 
Messages: 20
Inscription: Mar 07 Oct 2008, 18:16


Retourner vers Plugin

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 4 invités

cron