[RESOLU] Module {Gallery} => Une image = Une galerie

[FlorentCMSMS]

Bonjour à tous,

Je viens demander un peu d'aide à la communauté après avoir passé quelques heures à me casser la tête sur mon petit soucis. Je vous explique, avec le module Gallery, je souhaiterais sur une page précise, que pour l'appel d'un galerie, il ne m'affiche que la première miniature de la galerie, et qu'au clic, je puisse visualiser l'ensemble de mes images grace à fancybox.

Pour nous aider :

http://fancybox.net/

Le code du gabarit "FancyBox" du module Gallery modifié pour ne garder que l'essentiel :

Code :

<div class="gallery">
{foreach from=$images item=image}
    <div class="imgs">
   <a class="group" href="{$image->file}" title="{$image->title}" rel="gallery"><img src="{$image->thumb}" alt="{$image->title}" /></a>
    </div>
{/foreach}
<div class="galleryclear">&nbsp;</div>
</div>

Enfin, le petit appel javascript de fancybox :

Code :

<script type="text/javascript" src="modules/Gallery/templates/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="modules/Gallery/templates/jquery/jquery.mousewheel.pack.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $("a.group").fancybox({
        'speedIn':        300,
        'speedOut':    300,
        'overlayColor':    '#000',
        'overlayOpacity':    0.7
    });
});
</script>

J'ai essayé pas mal de choses avec Smarty ( {counter}, etc.. ) mais je n'arrive à rien. Cependant, sur la page de Fancybox, tout en bas, dans manual call, il est possible d'appeler une seule image ( pour une galerie complète).

Voici le code utilisé :

Code :

<a id="manual2" href="javascript:;" title="">Image gallery</a>
$("#manual2").click(function() {
$.fancybox([
'http://farm5.static.flickr.com/4044/4286199901_33844563eb.jpg',
'http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg',
{
'href'  : 'http://farm5.static.flickr.com/
4005/4213562882_851e92f326.jpg',
'title' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
}

], {
'padding': 0,
'transitionIn': 'none',
'transitionOut': 'none',
'type'  : 'image',
'changeFade' : 0
});
});

Si l'un d'entre vous voit une solution ça pourrait m'aider fortement !


Merci à tous