rha c'est pourtant pas compliqué je t'assure
déjà oublie Gallerie et concentre toi sur CGSmartImage comme je te l'avais suggéré plus tôt
l'aide de CGSmartImage nous donne de précieuses informations. Voici un extrait de l'aide : (entre autre hein ...)
Citation :A Simple Gallery
The code below uses the {CGSmartImage} module, fancybox, and a bit of smarty magic to generate a simple lightbox style albom from a subdirectory on your website, while processing the images for web standards, and creating thumbnails.
1: <script type="text/javascript">{literal}
2: jQuery(document).ready(function(){
3: jQuery('a.fancybox').fancybox();
4: });
5: {/literal}</script>
6: {assign var='files' value='uploads/album/*.jpg'|glob}
7: {if count(\$files)}
8: <div style="width: 100%; height: 150px; overflow: auto;">
9: {foreach from=\$files item='file'}
10: <a rel='simple_album' class="fancybox" href="{CGSmartImage src=\$file filter_rotate=90 filter_watermark=1 filter_resize='h,500' notag=1 noembed=1}">
11: {CGSmartImage src=\$file filter_rotate=90 filter_grayscale=1 filter_watermark=1 filter_resize='h,150'}
12: </a>
13: {/foreach}
14: </div>
15: {/if}
regarde ce code particulièrement :
Code :
[== Indéfini ==]
{CGSmartImage src=\$file filter_rotate=90 filter_watermark=1 filter_resize='h,500' notag=1 noembed=1}
j'en comprend quoi ? que ce code devrait me générer l'url d'une miniature de 150 de hauteur, miniature de l'image "\$file" apparemment (l'antislash est une erreur dans notre exemple)
ensuite que valent les autres paramètres : il me suffit de baisser les yeux de 30cm environ dans la doc :
* src="" - Specify the source for the image processing (if any) or the generated img tag
* (optional) filter_rotate="" - (angle,couleur) Spécifie l'angle (sens des aiguilles d'une montre) de rotation de l'image, et la couleur de remplissage pour les pixels vides. La rotation s'effectue à partir du centre de l'image.
* (optional) filter_watermark="" - (toutes valeurs) Spécifie que le filigrane (réglé dans le module CGExtensions) doit être appliqué à l'imag
* (optional) filter_resize="" - type,number[,number] - Perform a resize of the source image. Possible values are:
p,number - Perform a simple rescale to a certain percentage. i.e: resize=p,50 to resize to 50% of the original size.
w,number - Perform a resize to a specified width (while retaining aspect ratio). i.e: resize=w,80 to create a thumbnail with a maximum width of 80 pixels.
h,number - Perform a resize to a specified height (while retaining aspect ratio). i.e: resize=h,80 to create a thumbnail with a maximum height of 80 pixels.
c,x,y - Perform a resize to a custom size (without retaining aspect ratio). i.e: resize=c,50,75 to create a thumbnail that is 50x75 pixels.
* (optional) notag="" - Ne pas générer de balise "img", mais uniquement l'URL de l'image en cache. Ceci n'a aucun effet quand CGSmartImage est utilisé depuis une feuille de styles.
* (optional) noembed="" - Force l'image à ne pas être intégrée encodée dans le code source. En dépit de sa configuration dans l'admin, le module va générer un fichier image sur le serveur.
EXERCICE : donc si je souhaite faire une miniature de 150px de haut maxi de mon image uploads/img/test.jpg sans faire de rotation, sans faire de watermark, sans avoir le code <img ... /> qui va autour, sans avoir de code bas64 (noembeded) : Quel code devrais-je mettre ?
Tu tests chez toi avec une de tes images nouvellement uploadée par FTP pour l'occasion de tes tests. Tu t'assure de maitriser les paramètres :
src, filter_resize ,notag , noembed, mais également quality et rel DANS UN SECOND TEMPS SEULEMENT qui te seront certainement utile.
(optional) quality="75" - Spécifier la qualité de l'image affichée. Mettre une valeur entre 0 et 100.
(optional) rel="75" - Utilisé lors de la création d'une balise d'image, il permet de spécifier un attribut rel optionnel (utilisé typiquement dans les albums javascript). e.g: rel="album"
Allez ! on baisse pas les bras et on fait le plus dur : on lit la documentation
