Diaporama Innerfade - développement - commentairesDiaporama Innerfade - développement2010-11-29T08:51:27Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4375682010-11-29T08:51:27Z<p>Bonjour,</p>
<p>Malheureusement, manquant d'informations pour avancer comme je le souhaitais, j'ai arrêté le développement de ce plugin depuis un moment (je suis d'ailleurs surpris qu'il fonctionne jusqu'à la version 2.09<small class="fine d-inline"> </small>!).<br class="autobr">
J'ai vu un autre plugin qui permet de faire la même chose, et fonctionne pratiquement à l'identique, je vous conseille de vous rabattre sur celui-ci (j'ai oublié son nom, il est disponible sur ce même site).<br class="autobr">
Au pire vous pouvez insérer le diaporama manuellement dans votre squelette html.</p>Diaporama Innerfade - développement2010-11-28T13:53:49Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4375402010-11-28T13:53:49Z<p>Bonjour,</p>
<p>ce plugin me manque cruellement avec spip2.1, je n'arrive pas à le faire fonctionner... est-il « vraiment » incompatible<small class="fine d-inline"> </small>? n'y a t-il pas un moyen de le forcer<small class="fine d-inline"> </small>?</p>
<p>j'utilise la version 0.2dev qui fonctionnait bien sur spip 2.0.9 (voir ici : <a href="http://marcelle-godefroid.fr" class="spip_url spip_out auto" rel="nofollow external">http://marcelle-godefroid.fr</a>)</p>
<p>merci d'avance pour votre réponse.</p>Diaporama Innerfade - développement2010-11-06T08:31:19Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4365182010-11-06T08:31:19Z<p>La solution que je pratique : numérotation des titres puis dans la boucle de sélection des documents on précise <i>par num titre</i>. Pour changer l'ordre, on change la numérotation des titres</p>Diaporama Innerfade - développement2009-10-12T09:10:17Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4215482009-10-12T09:10:17Z<p>Bonjour,</p>
<p>Est-il possible de modifier l'ordre d'affichage des images, sans avoir à tout supprimer et refaire son diaporama<small class="fine d-inline"> </small>?</p>
<p>Merci,</p>Centrer le Diaporama Innerfade2009-09-28T17:19:45Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4210922009-09-28T17:19:45Z<p>EDIT : Hop<small class="fine d-inline"> </small>! On oublie le message précédent, il existe une solution pour avoir un centrage impec' qui, comme je l'avais pressenti, est beaucoup moins fastidieuse et très simple :</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code><div id="diaporama_innerfade"> <BOUCLE_diaporama_innerfade (DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, date}> <a href="[(#URL_DOCUMENT)]" type="#MIME_TYPE" width="[(#FICHIER|image_reduire{650,400}|largeur)]" height="[(#FICHIER|image_reduire{650,400}|hauteur)]" style="position: absolute; top: 0; left: 50%; margin-left: [(#FICHIER|image_reduire{650,400}|largeur|div{-2})]px !important;">
<img src="[(#FICHIER|image_reduire{650,400}|extraire_attribut{src})]" title="#TITRE"/> </a> </BOUCLE_diaporama_innerfade>
</div></code></pre></div>
<p>Cinquante lignes de code en trop pour avoir simplement oublié de mentionner « px » dans la marge (la fameuse « raison que je n'expliquais pas »). <br class="autobr">
Ca m'apprendra...</p>Centrer le Diaporama Innerfade2009-09-28T12:47:44Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4210842009-09-28T12:47:44Z<p>J'ai rencontré le même genre de problème lorsque j'ai voulu centrer le diaporama, exception faite que dans mon cas je n'arrivais pas même à obtenir un affichage satisfaisant sur FF. Bref, j'ai essayé un paquet de bidouilles dans le CSS, rien n'y faisait : le script surcharge le CSS (la classe enfant de la div Innerfade) et rend impossible l'utilisation « classique » des styles. Impossible également de changer l'attribut position : absolute, sans quoi tout cesse de fonctionner (en « relative » les images vont se positionner les unes sous les autres... normal).<br class="autobr">
J'ai donc pensé à utiliser une marge négative avec la position:absolute, en demandant à SPIP de fournir la largeur de chaque image APRES REDIMENSION, une par une, et en divisant le tout par moins deux :</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>[(#FICHIER|image_reduire{650,400}|largeur|div{-2})]</code></pre></div>
<p>Mais pour une raison que je n'explique pas, bien que ma marge négative s'affiche dans la source avec la bonne valeur, elle n'est pas prise en compte par le navigateur (?) (cf Inspection Firebug).</p>
<p>Ma solution finale est très peu ortodoxe, mais elle semble fonctionner correctement sous FF et IE.<br class="autobr">
L'idée est que, comme il nous est impossible de bidouiller directement le style sur l'élément enfant de la classe Innerfade («<small class="fine d-inline"> </small>a<small class="fine d-inline"> </small>», et non « img »), nous devons le définir de façon numérique, tout en changeant cette valeur numérique en fonction de la largeur de l'image. On établit donc un ensemble de paliers : <br class="autobr">
largeur entre 1 et 150px, puis entre 151 et 250, puis entre 251 et 350, etc.<br class="autobr">
Pour chacun de ces paliers, on définit une valeur numérique pour la marge : <code class="spip_code spip_code_inline" dir="ltr"> -75px si 1<largeur<150, -100px si 151<largeur<250, -200 si 251<largeur<350, etc. </code><br class="autobr">
La boucle finale est la suivante :</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code><div id="diaporama_innerfade"> <BOUCLE_diaporama_innerfade (DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, date}> [(#FICHIER|image_reduire{650,400}|largeur|<={150}|?{' ',''})
<a href="[(#URL_DOCUMENT)]" width="[(#FICHIER|image_reduire{650,400}|largeur)]" height="[(#FICHIER|image_reduire{650,400}|hauteur)]" style="position: absolute; top: 0; left: 50%; margin-left: -75px;">] [(#FICHIER|image_reduire{650,400}|largeur|>{150}|?{' ',''})
[(#FICHIER|image_reduire{650,400}|largeur|<={250}|?{' ',''})
<a href="[(#URL_DOCUMENT)]" width="[(#FICHIER|image_reduire{650,400}|largeur)]" height="[(#FICHIER|image_reduire{650,400}|hauteur)]" style="position: absolute; top: 0; left: 50%; margin-left: -100px;">]
] [(#FICHIER|image_reduire{650,400}|largeur|>{250}|?{' ',''})
[(#FICHIER|image_reduire{650,400}|largeur|<={350}|?{' ',''})
<a href="[(#URL_DOCUMENT)]" width="[(#FICHIER|image_reduire{650,400}|largeur)]" height="[(#FICHIER|image_reduire{650,400}|hauteur)]" style="position: absolute; top: 0; left: 50%; margin-left: -150px;">]
] [(#FICHIER|image_reduire{650,400}|largeur|>{350}|?{' ',''})
[(#FICHIER|image_reduire{650,400}|largeur|<={450}|?{' ',''})
<a href="[(#URL_DOCUMENT)]" width="[(#FICHIER|image_reduire{650,400}|largeur)]" height="[(#FICHIER|image_reduire{650,400}|hauteur)]" style="position: absolute; top: 0; left: 50%; margin-left: -200px;">]
] [(#FICHIER|image_reduire{650,400}|largeur|>{450}|?{' ',''})
[(#FICHIER|image_reduire{650,400}|largeur|<={550}|?{' ',''})
<a href="[(#URL_DOCUMENT)]" width="[(#FICHIER|image_reduire{650,400}|largeur)]" height="[(#FICHIER|image_reduire{650,400}|hauteur)]" style="position: absolute; top: 0; left: 50%; margin-left: -250px;">]
] [(#FICHIER|image_reduire{650,400}|largeur|>{550}|?{' ',''})
[(#FICHIER|image_reduire{650,400}|largeur|<={650}|?{' ',''})
<a href="[(#URL_DOCUMENT)]" width="[(#FICHIER|image_reduire{650,400}|largeur)]" height="[(#FICHIER|image_reduire{650,400}|hauteur)]" style="position: absolute; top: 0; left: 50%; margin-left: -300px;">]
] <img src="[(#FICHIER|image_reduire{650,400}|extraire_attribut{src})]" title="#TITRE"/> </a> </BOUCLE_diaporama_innerfade>
</div></code></pre></div>
<p>Ici ma div Innerfade (le conteneur) mesure 650px en largeur.<br class="autobr">
Il faut bien penser à spécifier les hauteur et largeur des images avec les filtres appropriés, à définir left : 50% et à conserver la position : absolute.<br class="autobr">
Si vous voulez que le plugin reste compatible avec Thickbox, replacez le type=«<small class="fine d-inline"> </small>#MIME_TYPE<small class="fine d-inline"> </small>» après chaque ouverture de la balise a, comme dans le code d'origine (je l'ai supprimé car je n'en avais pas l'utilité dans mon cas).</p>
<p>Évidement le centrage est approximatif, à 50px près. On peut multiplier les paliers pour affiner tout ça.</p>
<p>Encore une fois, cette solution repose sur un lourd et affreux bidouillage, mais si elle peut dépanner, alors tant mieux. D'ailleurs je pense qu'on devrait pouvoir alléger ça d'une ligne en résumant les deux test («<small class="fine d-inline"> </small>plus petit, plus grand<small class="fine d-inline"> </small>») en un seul («<small class="fine d-inline"> </small>est contenu dans l'intervalle<small class="fine d-inline"> </small>») mais je ne connais pas la syntaxe...</p>
<p>Espérant que ce post pourra aider, en attendant qu'une vraie solution soit mise en place pour ce très bon plugin qu'est Innerfade.</p>Centrer le Diaporama Innerfade2009-05-14T10:12:29Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4163902009-05-14T10:12:29Z<p>J'ai le même problème... cela n'apparaît que sous MSIE 7... quelqu'un a-t-il une piste<small class="fine d-inline"> </small>?</p>Centrer le Diaporama Innerfade2009-04-07T19:03:39Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4151642009-04-07T19:03:39Z<p>Bonjour, comment faire pour centrer le diaporama<small class="fine d-inline"> </small>? je pense avoir tout essayé mais je n'y arrive pas :(</p>Diaporama Innerfade - développement2009-03-06T15:36:33Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4141662009-03-06T15:36:33Z<p>Bonjour,</p>
<p>Est-il possible d'ajouter une pagination pour passer vers une image suivante ou précèdente<small class="fine d-inline"> </small>?</p>
<p>Merci</p>Diaporama Innerfade - développement2009-03-06T12:32:43Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4141572009-03-06T12:32:43Z<p>C'est simplement génial Ca fonctionne très bien MERCI le décorateur<br class="autobr">
Il sera bientot visible sur <a href="http://www.ambafrance-ma.org" class="spip_url spip_out auto" rel="nofollow external">http://www.ambafrance-ma.org</a></p>Diaporama Innerfade - développement2009-01-28T10:24:00Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4127702009-01-28T10:24:00Z<p>S'lt</p>
<p>Il y a eu des modifications sur le plugin innefade présent sur la zone.<br class="manualbr">Doit on mettre la documentation à jour ici ou créer un nouvel article<small class="fine d-inline"> </small>?</p>Diaporama Innerfade - développement2008-11-17T16:33:01Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4101422008-11-17T16:33:01Z<p>Hello,</p>
<p>est-ce qu'il y aurait moyen d'utiliser ce diaporama comme background d'une div<small class="fine d-inline"> </small>?</p>Diaporama Innerfade - développement2008-11-03T13:05:36Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4097352008-11-03T13:05:36Z<p>Bonjour,</p>
<p> Le diaporama ne fonctionne pas je ne sais pas comment faire<small class="fine d-inline"> </small>?</p>
<p>Cordialement</p>
<p>Alain</p>Diaporama Innerfade - développement2008-10-20T11:17:17Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4093462008-10-20T11:17:17Z<p>Est ce possible de faire en sorte que ca ne tourne pas en boucle<small class="fine d-inline"> </small>?</p>Diaporama Innerfade - développement2008-05-06T14:05:15Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4057362008-05-06T14:05:15Z<p>Bonjour,<br class="autobr">
Je souhaiterais insérer ce diaporama dans un site. <br class="autobr">
Il fonctionne parfaitement mais je souhaiterais qu'il ne démarre pas tout seul et que l'on puisse le piloter par un lien next et preview et pouvoir aussi afficher quelque chose du genre 1/4, 2/4 etc...<br class="autobr">
Pourriez -vous me conseiller<small class="fine d-inline"> </small>?<br class="autobr">
Merci d'avance.<br class="autobr">
Cordialement</p>Diaporama Innerfade intégrer celui-ci à l'édito2008-04-28T22:03:09Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4055242008-04-28T22:03:09Z<p>bonjour,</p>
<p>Je voulais insérer le diaporama à l'édito de mon site (je suis sous spip 1.9 / squelette alternatives) j'ai créer un une boucle et un squelette Edito1 (éditorial supplémentaire) et lorsque j'insère le code pour faire apparaître un diaporama, je n'obtiens qu'un diapo de trois image maximum et qui saute à la fin de la troisième<small class="fine d-inline"> </small>!</p>
<p>Si quelqu'un avait un solution<small class="fine d-inline"> </small>!? Merci d'avance<small class="fine d-inline"> </small>!</p>
<p><a href="http://www.villageseville.com" class="spip_out" rel='nofollow external'>pour voir</a></p>Diaporama Innerfade - développement2008-04-08T08:18:20Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment4049122008-04-08T08:18:20Z<p>Bonjour,</p>
<p>Merci pour ce plugin.</p>
<p>Cependant j'aimerai apporté une modification pour l'adapter a mon site.</p>
<p>J'aimerai juste que les rédacteurs n'est pas a saisir la balise diapo. <br class="autobr">
Je m'explique, sur mon site j'aimerai afficher un petit diapo exactement comme celui de ce plugin, mais il afficherai les dernières images de mon site sans avoir a intervenir dans les articles ou dans les rubriques.</p>
<p>Est ce que quelqu'un pourrait m'aider à faire cette modification<small class="fine d-inline"> </small>?</p>Diaporama Innerfade : merci<small class="fine d-inline"> </small>!2007-11-06T23:13:55Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment3999682007-11-06T23:13:55Z<p>Superbe contrib. Merci<small class="fine d-inline"> </small>!</p>
<p>Je l'utilise <a href="http://www.chefprestige.com/Album-photo" class="spip_out" rel='nofollow external'>ici</a>.</p>Diaporama Innerfade - développement2007-10-30T09:52:04Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment3996512007-10-30T09:52:04Z<p>Super.</p>
<p>C'est ce que je cherchais pour un site en développement <a href="http://masterh1.free.fr/spip.php?article25" class="spip_out" rel='nofollow external'>La Mémoire du temps Passé</a>.</p>
<p>Bon il faut que je reprenne le CSS.</p>
<p>Inclus dans un modèle, j'aimerais qu'il démarre quand je clique sur la flèche et qu'il s'arrête quand je clique sur pause.</p>
<p>Sur votre carnet de note, j'ai vu que vous aviez fait un bloc de paramétrage. J'avais l'idée de faire un peu la même chose mais pour le diaporama, le port folio ou bien l'image fixe.</p>
<p>Comment peut-on l'intégrer dans un modèle<small class="fine d-inline"> </small>? et comment passer les paramètres au différents modèles<small class="fine d-inline"> </small>?</p>
<p>En dans tous les cas bravo pour cette contribution.</p>Diaporama Innerfade - développement2007-10-08T20:07:19Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment3989302007-10-08T20:07:19Z<p>Extraordinaire<small class="fine d-inline"> </small>! J'ai trouvé ce plugin du tonnerre de zeus<small class="fine d-inline"> </small>! <br class="autobr">
Un grand merci à vous<small class="fine d-inline"> </small>!</p>
<p><a href="http://www.villagesdeville.com/spip.php?article27" class="spip_out" rel='nofollow external'>Villages de ville</a></p>Diaporama Innerfade - développement2007-09-14T07:22:43Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment3979522007-09-14T07:22:43Z<p>Plug-in qui me fait économiser beaucoup de temps<small class="fine d-inline"> </small>! J'ai hâte de voir une version complète, mais il est déjà très facile d'utilisation en l'état pour peu qu'on sache bien comment personaliser les fichiers d'origine. MERCI DONC drBouvierLeduc pour ta contribution<small class="fine d-inline"> </small>!</p>Diaporama Innerfade - développement2007-07-24T20:34:32Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment3963272007-07-24T20:34:32Z<p>Mise en place ici : <a href="http://www.crapoussin.com/spip.php?page=enfants" class="spip_out" rel='nofollow external'>Espace enfants</a> (en haut à droite) avec activation de thick box. Je n'ai pas pu faire fonctionner pour la partie rédacteur. On insert dans l'article mais ça affiche pas. Merci pour ce plugin.</p>Diaporama Innerfade - développement2007-07-19T16:55:36Zhttps://contrib.spip.net/Diaporama-Innerfade-developpement#comment3961312007-07-19T16:55:36Z<p>Merci pour ce plugin, je viens de l'installer sur un site de déco en page d'accueil avec une petite modification dans en_tete.php.<br class="autobr">
Si un peu de temps cet été, j'irais un peu voir de près les améliorations a apporter.<br class="autobr">
Résultat super a voir ici : <a href="http://www.case10.fr" class="spip_out" rel='nofollow external'>http://www.case10.fr</a></p>