17/01/2011, 22:21:37
Alors, pour utiliser correctement les champs images, voici un exemple de gabarit sur l'un de mes sites :
Voilà, j'espère que cet exemple pourra t'aider ! Après, il te suffit d'installer les scripts pour la lightbox de ton choix. Je te conseille pour cela le module "JQueryTools" qui inclus Fancybox et JQuery. Mais tu peux aussi les mettre "à la main" bien sûr.
A ta dispo !
Code :
{* si on a des images dans le champ "photos" *}
{if count($item->photos) > 0}
<div id="photos">
{foreach from=$item->photos item="file"}
{* On a maintenant accès à l'objet "file" qui comprend tous les attributs évoqués par l'aide *}
{* On crée un lien pour la lightbox - dans mon cas j'utilise généralement Fancybox que j'associe aux classes "galerie" *}
{* J'utilise aussi le plugin "Supersizer" pour créer les miniatures et les images agrandies à la volée, d'où le "href" suivant : *}
<a class="galerie" href="{supersizer path=$file->url passThru=true width='800' URL='true'}">
{* La miniature à partir de "$file->url", retaillée en 70 * 100 avec SuperSizer *}
{supersizer path=$file->url height='70' width='100'}
{* Fin du lien pour la lightbox *}
</a>
{/foreach}
</div>
{/if}
Voilà, j'espère que cet exemple pourra t'aider ! Après, il te suffit d'installer les scripts pour la lightbox de ton choix. Je te conseille pour cela le module "JQueryTools" qui inclus Fancybox et JQuery. Mais tu peux aussi les mettre "à la main" bien sûr.
A ta dispo !
Aire Libre // Création de sites web et services CMS Made Simple : intégration, développement, maintenance et dépannage // De l'Alsace vers le monde entier