Créer une galerie d'images avec une dimension préétablie - commentairesCréer une galerie d'images avec une dimension préétablie2010-05-13T17:30:09Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4304592010-05-13T17:30:09Z<p>Merci pour ce code trés interessant.<br class="autobr">
Je suis sous la derniere version de spip 2.1 en local.</p>
<p>J'ai inséré le code donné apres [(#FICHIER| dans inc-document (en supprimant le redimensionnement initial par défaut) et j'ai enregistré ce fichier html dans mon dossier « squelettes ». J'ai vider le cache MAIS ma page n'afuche pas les modifs<small class="fine d-inline"> </small>!</p>
<p>J'ai aussi fait la methode avec un fichier mes_options dans dossier « squelettes » comme proposé par Julien...</p>
<p>je ne comprends pas pourquoi les modifs ne sont pas prises en compte<small class="fine d-inline"> </small>? C'est comme si systematiquement c'était la distribution dist qui était affichée<small class="fine d-inline"> </small>? Est c que quelqu'un (e) aurait une idée pour m'aider<small class="fine d-inline"> </small>?</p>
<p>Merci d'avance</p>Créer une galerie d'images avec une dimension préétablie2010-01-07T13:54:07Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4249012010-01-07T13:54:07Z<p>hello,</p>
<p>merci pour le plug, mais un question : chez moi le ratio ne semble pas fonctionner<small class="fine d-inline"> </small>?</p>
<p>il semble que ça recadre juste sur 115x115 au centre, sans prendre en compte la taille de l'image de base...</p>
<p>or j'ai servilement copié-collé le code proposé.</p>
<p>une idée<small class="fine d-inline"> </small>?</p>
<p>merci d'avance<small class="fine d-inline"> </small>!</p>Affichage simultané des vignettes et d'une image en grand2009-12-24T08:54:17Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4245182009-12-24T08:54:17Z<p>Bonjour. Cette possibilité de SPIP de vignettes carré est vraiment géniale. Cela donne des planches de vignettes très esthétiques et l'affichage est très rapide. Mais je voudrais pouvoir, quand on arrive sur une page, afficher en grand la première image de la série et les vignettes sur le côté, un peu comme le fait Walma. Je suis parvenu à positionner mes vignettes à droite et à positionner l'affichage en grand des photos à gauche, mais je ne sais pas comment, au départ, faire que la première photo de la série s'affiche d'emblée en grand à droite des vignettes. Le résultat est qu'à l'affichage de la page il y a un grand vide à droite des vignettes. Je débute en SPIP et j'ai besoin de votre aide. Merci<small class="fine d-inline"> </small>!</p>Créer une galerie d'images avec une dimension préétablie2009-03-07T00:28:36Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4141832009-03-07T00:28:36Z<p>Bonjour,<br class="autobr">
J'utilise la version adaptée aux logo, mais malheureusement j'obtiens une erreur :</p>
<p>Code d'affichage du logo :<br class="autobr">
#SET<i>ratio_x,#LOGO_RUBRIQUE||largeur|div<i>50</i></i><br class="autobr">
#SET<i>ratio_y,#LOGO_RUBRIQUE||hauteur|div<i>50</i></i><br class="autobr">
#SET<i>ratio,#GET<i>ratio_x</i>|<=<i>#GET<i>ratio_y</i></i>|<small class="fine d-inline"> </small>?<i>#GET<i>ratio_x</i>,#GET<i>ratio_y</i></i></i><br class="autobr">
#GET<i>ratio</i><br class="autobr">
[(#LOGO_RUBRIQUE||image_reduire_par<i>#GET<i>ratio</i></i>|image_recadre<i>50,50,center</i>|image_masque<i>#CHEMIN<i>images/masque.png</i></i>)]</p>
<p>Erreur :<br class="autobr">
"Warning : Division by zero in D :\Programmes\xampp\htdocs\utopic_graphic_2.0\ecrire\inc\filtres_images_mini.php on line 817<br class="autobr">
Warning : Division by zero in D :\Programmes\xampp\htdocs\utopic_graphic_2.0\ecrire\inc\filtres_images_mini.php on line 818«<small class="fine d-inline"> </small>Apparemment ce serait lors du redimmentionnement que l'écureuil coince (j'ai l'impression qu'il n'arrive pas à lire la variable<small class="fine d-inline"> </small>»#GET<i>ratio</i>")</p>
<p>Merci d'avance.</p>
<p>PS : J'utilise la dernière version de Spip (2.0.5).</p>Un filtre pour simplifier un peu<small class="fine d-inline"> </small>;)2008-12-03T08:37:16Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4106572008-12-03T08:37:16Z<p>Génial, merci beaucoup</p>Un filtre pour simplifier un peu<small class="fine d-inline"> </small>;)2008-08-26T19:12:54Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4082702008-08-26T19:12:54Z<p>J'avais des erreurs qui s'affichaient avec ce code lorsqu'il n'y avait pas de logos associées à mon article. J'ai donc bloqué la fin de la fonction lorsque la variable $img est vide.</p>
<p>Voici la fonction sans erreur</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>/* Fonction qui perment de recadrer et reduire les images */
function image_reduire_recadre($img, $largeur, $hauteur, $position='center') { include_spip('inc/filtres_images'); $img = 'IMG/'.$img; if ($img!='IMG/'){ list ($ret["hauteur"],$ret["largeur"]) = taille_image($img); $ratio_x = $ret["largeur"]/$largeur; $ratio_y = $ret["hauteur"]/$hauteur; $ratio = ($ratio_x <= $ratio_y) ? $ratio_x : $ratio_y; return image_recadre(image_reduire_par($img, $ratio), $largeur, $hauteur, $position); }
}</code></pre></div>
<p>Et pour ceux qui se posait la question comment intégrer la fonction pour un logo, voici le code :<br class="autobr">
<code class="spip_code spip_code_inline" dir="ltr">[(#LOGO_ARTICLE|fichier|image_reduire_recadre{70,70})]</code></p>Un filtre pour simplifier un peu<small class="fine d-inline"> </small>;)2008-06-26T04:57:54Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4071062008-06-26T04:57:54Z<p>Bonjour,</p>
<p>Je ne maîtrise vraiment pas spip et j'ai copié votre script dans mes_options.php. Faut-il l'encadrer de quelque chose de particulier (? ou <)<small class="fine d-inline"> </small>? Pour mon site ça ne met que des messages d'erreur.</p>
<p>Par ailleurs, j'aimerais pouvoir faire en entête du site une mosaïque de petites photos (par exemple 2 lignes de 13 colonnes) piochées dans 3 articles précis du site mais je n'y parviens pas.</p>
<p>Merci par avance pour votre aide.</p>Un filtre pour simplifier un peu<small class="fine d-inline"> </small>;)2008-05-26T07:42:42Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4063632008-05-26T07:42:42Z<p>Voici un petit filtre à mettre dans mes_fonctions.php que je viens de concocter qui fait la même chose (et simplifie pas mal le process quand on a pas mal d'images que l'on veut réduire et recadrer en différentes tailles) :</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>function image_reduire_recadre($img, $largeur, $hauteur, $position='center') { include_spip('inc/filtres_images'); $img = 'IMG/'.$img; list ($ret["hauteur"],$ret["largeur"]) = taille_image($img); $ratio_x = $ret["largeur"]/$largeur; $ratio_y = $ret["hauteur"]/$hauteur; $ratio = ($ratio_x <= $ratio_y) ? $ratio_x : $ratio_y; return image_recadre(image_reduire_par($img, $ratio), $largeur, $hauteur, $position);
}</code></pre></div>
<p>Cela s'utilise le plus simplement du monde, comme n'importe quel autre filtre image : <code class="spip_code spip_code_inline" dir="ltr">[(#FICHIER|image_reduire_recadre{115,115})]</code></p>Et si on veut un format Portrait<small class="fine d-inline"> </small>?2008-05-22T13:00:31Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4062772008-05-22T13:00:31Z<p>J'ai modifié le script pour obtenir un format proportionnel au travaux des élèves (153x115). Cà rend super bien. J'ai aussi résolu mes pbs d'espacement.<br class="autobr">
Ouf<small class="fine d-inline"> </small>!</p>
<p>Mais voilà-ti-pas que mon client souhaite que certaines expos soient « vignetées » au format « portrait », d'autres au format « paysage », selon les oeuvres des enfants (dans une expo, toutes les oeuvres seraient photographiées dans la même orientation).<br>
Comment je fais moi<small class="fine d-inline"> </small>? Est-ce qu'on pourrait mettre un test pour savoir si la 1<sup class="typo_exposants">re</sup> valeur (LARGEUR) est supérieure ou inférieure à l'autre et exécuter ensuite le bon script de redimensionnement<small class="fine d-inline"> </small>?<br>
Cela dépasse un peu mes compétences.<br>
Quelqu'un pourrait m'aider SVP<small class="fine d-inline"> </small>?<br class="autobr">
voir ici : <a href="http://www3.ac-nancy-metz.fr/eco-p-montet-nancy/spip.php?rubrique15" class="spip_out" rel='nofollow external'>http://www3.ac-nancy-metz.fr:80/eco-p-montet-nancy/spip.php?rubrique15</a> (l'expo avec les arbres ne comporte que des oeuvres en format portrait)<br>
Mille mercis<small class="fine d-inline"> </small>!</p>Créer une galerie d'images avec une dimension préétablie2008-05-09T13:38:35Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4058222008-05-09T13:38:35Z<p>J'ai détourné le problème en créant une class ImgVignette (border-bottom : 5px solid #fff ) et ceci :</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>(#FICHIER|image_reduire_par{#GET{ratio}}|image_recadre{115,115,center}|inserer_attribut{class,'ImgVignette'})</code></pre></div>
<p>Mais c'est pas très propre. Alors si quelqu'un a une idée de ce qui se passe, j'aurai meilleur conscience<small class="fine d-inline"> </small>;-)</p>Créer une galerie d'images avec une dimension préétablie2008-05-09T13:03:53Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4058192008-05-09T13:03:53Z<p>Merci pour cette moulinette<small class="fine d-inline"> </small>! c'est génial pour les maniaques du calage comme moi<small class="fine d-inline"> </small>!!!<br class="autobr">
Mon souci, c'est que je n'arrive pas à avoir l'espacement entre les lignes de vignettes (elles sont bien espacées à droite et gauche, mais entre chaque ligne non).<br class="autobr">
J'ai cherché dans tous mes fichiers css pour comprendre ce qui définissait les bordures autour de ces vignettes mais je ne trouve pas, ou s'il y avait un pb de compatibilité... J'y arrive pas<small class="fine d-inline"> </small>!!!</p>
<p><a href="http://www3.ac-nancy-metz.fr/eco-p-montet-nancy/spip.php?rubrique15" class="spip_out" rel='nofollow external'>http://www3.ac-nancy-metz.fr:80/eco-p-montet-nancy/spip.php?rubrique15</a></p>
<p>Ma boucle :</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code><B_documents_portfolio> <BOUCLE_documents_portfolio(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, date} {doublons}> #SET{ratio_x,#LARGEUR|div{115}} #SET{ratio_y,#HAUTEUR|div{115}} #SET{ratio,#GET{ratio_x}|<={#GET{ratio_y}}|?{#GET{ratio_x},#GET{ratio_y}}} [<a href="#URL_DOCUMENT" type="#MIME_TYPE" onclick="location.href='[(#URL_ARTICLE|parametre_url{id_document,#ID_DOCUMENT})]#documents_portfolio';return false;"[ title="(#TITRE|couper{80}|texte_backend)"] >(#FICHIER|image_reduire_par{#GET{ratio}}|image_recadre{115,115,center})</a>] </BOUCLE_documents_portfolio>
</B_documents_portfolio></code></pre></div>
<p>Qu'est-ce qu'on doit toucher pour changer les bordures de ces vignettes, les margin et padding et tout et tout<small class="fine d-inline"> </small>?</p>Créer une galerie d'images avec une dimension préétablie2008-03-18T16:31:33Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4041352008-03-18T16:31:33Z<p>peut-etre tu a mal ecrit le code</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>#SET{ratio_x,#LOGO_ARTICLE||largeur|div{70}} #SET{ratio_y,#LOGO_ARTICLE||hauteur|div{120}} #SET{ratio,#GET{ratio_x}|<={#GET{ratio_y}}|?{#GET{ratio_x},#GET{ratio_y}}} [(#LOGO_ARTICLE||image_reduire_par{#GET{ratio}}|image_recadre{70,120,center})] </code></pre></div>Créer une galerie d'images avec une dimension préétablie2008-03-18T15:08:12Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4041292008-03-18T15:08:12Z<p>ce code me donne l'erreur suivante : filtre «<small class="fine d-inline"> </small>image_recadre70,120,center<small class="fine d-inline"> </small>» non défini, _articles</p>
<p>avec image_recadre<i>70,120,center</i> : j'ai 3 fois l'image.</p>Créer une galerie d'images avec une dimension préétablie2008-03-10T09:04:26Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4038662008-03-10T09:04:26Z<p>Merci pour ce beau travail</p>
<p>une preuve de plus qu'il est nécessaire de bien poser un problème pour lui trouver une solution<small class="fine d-inline"> </small>!</p>
<p>j'ai tourné un moment sans penser au ratio pour essayer de résoudre cette situation.</p>Créer une galerie d'images avec une dimension préétablie2008-03-04T16:43:55Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4037182008-03-04T16:43:55Z<p>Merci<small class="fine d-inline"> </small>!!</p>
<p>le code qui va bie :</p>
<p><br class="autobr">
#SET<i>ratio_x,#LOGO_ARTICLE||largeur|div<i>70</i></i><br class="autobr">
#SET<i>ratio_y,#LOGO_ARTICLE||hauteur|div<i>120</i></i><br class="autobr">
#SET<i>ratio,#GET<i>ratio_x</i>|<=<i>#GET<i>ratio_y</i></i>|<small class="fine d-inline"> </small>?<i>#GET<i>ratio_x</i>,#GET<i>ratio_y</i></i></i><br class="autobr">
[(#LOGO_ARTICLE||image_reduire_par<i>#GET<i>ratio</i></i>|image_recadre<i>70,120,center</i>)]<br class="autobr">
</p>
<p>PS : très bonne astuce<small class="fine d-inline"> </small>;-)</p>Créer une galerie d'images avec une dimension préétablie2008-03-04T15:11:25Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4037142008-03-04T15:11:25Z<p>Comme ça <code class="spip_code spip_code_inline" dir="ltr">[(#LOGO_ARTICLE||largeur)]</code></p>
<p>cf : <a href="http://www.spip.net/fr_article901.html#largeur" class="spip_url spip_out" rel='nofollow external'>http://www.spip.net/fr_article901.h...</a></p>Créer une galerie d'images avec une dimension préétablie2008-03-04T14:58:01Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4037132008-03-04T14:58:01Z<p>Serait-il possible d'avoir plus de précisions<small class="fine d-inline"> </small>?<br class="autobr">
J'ai beau chercher je ne trouve pas comment remplacer #LARGEUR par |largeur...</p>
<p>Merci d'avance<small class="fine d-inline"> </small>!</p>Créer une galerie d'images avec une dimension préétablie2008-03-01T08:30:56Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4036002008-03-01T08:30:56Z<p>C'est presque la meme chose.</p>
<p>Il faut replacer les balises <code class="spip_code spip_code_inline" dir="ltr">#LARGEUR</code> et <code class="spip_code spip_code_inline" dir="ltr">#HAUTEUR</code> avec les filtres <code class="spip_code spip_code_inline" dir="ltr">hauteur</code> et <code class="spip_code spip_code_inline" dir="ltr">largeur</code> appelle sur <code class="spip_code spip_code_inline" dir="ltr">#LOGO_ARTICLE</code> et mettre <code class="spip_code spip_code_inline" dir="ltr">#LOGO_ARTICLE</code> au place de <code class="spip_code spip_code_inline" dir="ltr">#FICHIER</code></p>Créer une galerie d'images avec une dimension préétablie2008-03-01T01:43:45Zhttps://contrib.spip.net/Creer-une-galerie-d-images-avec#comment4035992008-03-01T01:43:45Z<p>Super, merci pour cette boucle, je me demande comment l'adapter pour que cela puisse fonctionner pour un logo d'un article, pour ne plus avoir à retailler l'image avant sous un programme.</p>