Un diaporama en un clin d'œil - commentaires Un diaporama en un clin d'œil 2010-11-10T19:08:21Z https://files.spip.net/Un-diaporama-en-un-clin-d-oeil#comment436727 2010-11-10T19:08:21Z <p>Encore merci pour l'idée de départ<small class="fine d-inline"> </small>!<br class="autobr"> Moi aussi je pensais à rajouter des filtres sur les titres, descriptifs, etc. mais je préfère gérer chaque album en chargeant ses images dans un article séparé qui est ensuite appelé par le modèle « albumxxx » de façon à rester libre sur l'éventuel ajout de titres et commentaires sur les images.<br class="autobr"> Un exemple d'article utilisant 4 « albums » sur mon site perso :<br class="autobr"> <a href="http://www.i-filippini.net/spip.php?article313" class="spip_url spip_out auto" rel="nofollow external">http://www.i-filippini.net/spip.php?article313</a><br class="autobr"> L'idée de reboucler la pagination me parait très intéressante ... à suivre<small class="fine d-inline"> </small>!</p> Un diaporama en un clin d'œil 2010-11-10T15:21:01Z https://files.spip.net/Un-diaporama-en-un-clin-d-oeil#comment436715 2010-11-10T15:21:01Z <p>Oui , j'avais vu merci. Je vais proposer une MàJ de l'article avec le code propre du modèle. Mais auparavant ce qui serait bien ce serait de pouvoir sélectionner les images d'un article,qq chose du style</p> <div class="precode"><pre class="spip_code spip_code_block language-spip" dir="ltr" style="text-align:left;" data-language="spip"><code><albumxx|doc IN a,b,d,z></code></pre></div> <p>Voire aussi de passer en critères optionnels le titre et le descriptif.</p> <div class="precode"><pre class="spip_code spip_code_block language-spip" dir="ltr" style="text-align:left;" data-language="spip"><code><albumxxx|titre|descriptif></code></pre></div> <p>Par ailleurs je rajouterai un nouveau modèle de pagination qui revient au début quand on arrive à la fin.</p> <p>Ouf</p> <p>Le modèle est donc sur la planche.</p> Un diaporama en un clin d'œil 2010-11-10T15:03:52Z https://files.spip.net/Un-diaporama-en-un-clin-d-oeil#comment436714 2010-11-10T15:03:52Z <p>Pardon .. j'ai pas bien écrit mon texte ...voici :<br class="autobr"> Dans le texte d'un article il suffit d'insérer <code class="spip_code spip_code_inline" dir="ltr"><albumxxx></code> (xxx étant le n° d'article qui contient les images à afficher, qui peut être un article autre) pour afficher un album photo (diaporama c'est abusif) avec (éventuellement) Titre et Descriptif de chaque image. En + l'image est cliquable pour l'afficher en grand. Et rien n'empêche d'avoir plusieurs albums <code class="spip_code spip_code_inline" dir="ltr"><albumxxx> <albumyyy></code>dans le même article<small class="fine d-inline"> </small>!<br class="autobr"> PS. : avec le filtre <i>extension==jpg|png</i> les images avec extension différente (ex. « jpeg ») ne seront pas dans l'album photo.</p> Un diaporama en un clin d'œil 2010-11-09T16:02:31Z https://files.spip.net/Un-diaporama-en-un-clin-d-oeil#comment436645 2010-11-09T16:02:31Z <p>Merci pour cette idée simple et efficace. Sous SPIP2.0.10, je l'ai légèrement adaptée et crée un modèle « album.html » :</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>[(#REM) album] <B_diapo> <div align="center"> #ANCRE_PAGINATION <BOUCLE_diapo(DOCUMENTS){id_article=#ID}{extension==jpg|png}{pagination 1}> <div> <b>[(#TITRE)]</b><i>[(#DESCRIPTIF)]</i> <a href="#URL_DOCUMENT">[(#EMBED_DOCUMENT)]</a> </div> </BOUCLE_diapo> [<p class="pagination">(#PAGINATION{page_precedent_suivant})</p>] </div> </B_diapo></code></pre></div> <p>Dans le texte d'un article il suffit d'insérer (xxx étant le n° d'article qui contient les images à afficher, qui peut être un article autre) pour afficher un album photo (diaporama c'est abusif) avec (éventuellement) <strong>Titre</strong> et <i>Descriptif</i> de chaque image. En + l'image est cliquable pour l'afficher en grand. Et rien n'empêche d'avoir plusieurs albums dans le même article<small class="fine d-inline"> </small>!</p> Un diaporama en un clin d'œil 2010-03-11T00:01:12Z https://files.spip.net/Un-diaporama-en-un-clin-d-oeil#comment427467 2010-03-11T00:01:12Z <p>J'essaie de mettre en place cette boucle effectivement simple. Ça marche, mais je rencontre systématiquement des bizarreries avec l'avant-dernière image, et cela quel que soit le nombre d'images.</p> <p>Par exemple, avec le modèle <i>pagination_page_precedent_suivant</i>, la flèche de navigation de droite ne s'affiche pas. <br class="manualbr">Ou bien, avec n'importe quel modèle, si j'utilise <i>#DESCRIPTIF</i> dans ma boucle, le descriptif de l'image s'affiche bien, sauf pour l'avant-dernière image.</p> <p>Bizarre, non<small class="fine d-inline"> </small>?</p> Un diaporama en un clin d'œil 2009-04-08T13:22:05Z https://files.spip.net/Un-diaporama-en-un-clin-d-oeil#comment415189 2009-04-08T13:22:05Z <p>Bonjour<small class="fine d-inline"> </small>!</p> <p>J'ai utilisé votre boucle proposé dans un inclure ajax et le diaporama fonctionne parfaitement sous Firefox, IE6 et IE8... MAIS il rame sous IE7... Chaque photo prend plus d'1 min pour s'afficher<small class="fine d-inline"> </small>!</p> <p>Mon code :</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code><div id="fade"> <div id="diapo"> <INCLURE{fond=inc-diaporama}{doublons}{env}{ajax}> </div><!--#diapo--> </div><!--#fade--></code></pre></div><div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code><B_diapo> #ANCRE_PAGINATION <ul> <BOUCLE_diapo(DOCUMENTS){id_article}{mode=image}{doublons}{pagination 1}> [<li>(#FICHIER|image_reduire{700, 500})</li>] </BOUCLE_diapo> </ul> <p class="pagination"><span id="photo_nav">#PAGINATION{diaporama}</span></p> </B_diapo></code></pre></div> <p>Est-ce que quelqu'un sait pourquoi il rame dans IE7<small class="fine d-inline"> </small>? Merci en avance pour tout aide<small class="fine d-inline"> </small>! (Et je m'excuse pour des fautes de français...)</p> temporisé 2008-12-31T16:19:47Z https://files.spip.net/Un-diaporama-en-un-clin-d-oeil#comment411657 2008-12-31T16:19:47Z <p>Et non, c'est le revers de la médaille : la robustesse implique la rusticité. Ajouter un défilement automatique c'est réinventer la roue et ça, d'autres plugins le font très bien, mais avec un nombre de lignes de code beaucoup plus grand. Désolé.</p> temporisé 2008-12-29T22:45:31Z https://files.spip.net/Un-diaporama-en-un-clin-d-oeil#comment411594 2008-12-29T22:45:31Z <p>est-il possible d'avoir la même chose, mais que les documents changent seul au bout de 5 secondes par exemple, un défilement en somme.</p> Un diaporama en un clin d'œil 2008-09-15T18:21:32Z https://files.spip.net/Un-diaporama-en-un-clin-d-oeil#comment408636 2008-09-15T18:21:32Z <p>Bonsoir,</p> <p>placez la boucle telle qu'elle, hors de toute autre boucle, à l'endroit où vous voulez que le diaporama apparaisse , remplacez toto par une de vos div, content par ex, et ce doit être bon.</p> Un diaporama en un clin d'œil 2008-09-15T12:14:50Z https://files.spip.net/Un-diaporama-en-un-clin-d-oeil#comment408631 2008-09-15T12:14:50Z <p>Bonjour,</p> <p>Je suis intéressé par cet exemple de pagination d'images, mais je souhaite intégrer ce code dans un boucle ARTICLE.<br class="autobr"> Mon but est de pouvoir afficher le texte d'un article et de proposer une pagination uniquement sur les images de l'article.</p> <p>Dans mon cas, les images ont été ajoutées, pour des raisons de mises en page, dans le champs post-scriptum (#PS) et le texte est lui dans #TEXTE.</p> <p>Mon code est le suivant</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code><div id="content"> <BOUCLE_article(ARTICLES){id_article}> <BOUCLE_diapo(DOCUMENTS){id_article}{pagination 1}> #PS </BOUCLE_diapo> #TITRE #TEXTE <br/> #ANCRE_PAGINATION (#PAGINATION{precedent_suivant}) </div></code></pre></div> <p>Mais le site m'affiche l'erreur suivante : #PAGINATION sans critère pagination ou employé dans une boucle recursive, _article</p> <p>Comment puis-je donc intégrer la pagination des documents dans mon article<small class="fine d-inline"> </small>???</p> <p>Merci</p>