Diaporama Innerfade - développement - commentaires Diaporama Innerfade - développement 2010-11-29T08:51:27Z https://files.spip.net/Diaporama-Innerfade-developpement#comment437568 2010-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éveloppement 2010-11-28T13:53:49Z https://files.spip.net/Diaporama-Innerfade-developpement#comment437540 2010-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éveloppement 2010-11-06T08:31:19Z https://files.spip.net/Diaporama-Innerfade-developpement#comment436518 2010-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éveloppement 2009-10-12T09:10:17Z https://files.spip.net/Diaporama-Innerfade-developpement#comment421548 2009-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 Innerfade 2009-09-28T17:19:45Z https://files.spip.net/Diaporama-Innerfade-developpement#comment421092 2009-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 Innerfade 2009-09-28T12:47:44Z https://files.spip.net/Diaporama-Innerfade-developpement#comment421084 2009-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 Innerfade 2009-05-14T10:12:29Z https://files.spip.net/Diaporama-Innerfade-developpement#comment416390 2009-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 Innerfade 2009-04-07T19:03:39Z https://files.spip.net/Diaporama-Innerfade-developpement#comment415164 2009-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éveloppement 2009-03-06T15:36:33Z https://files.spip.net/Diaporama-Innerfade-developpement#comment414166 2009-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éveloppement 2009-03-06T12:32:43Z https://files.spip.net/Diaporama-Innerfade-developpement#comment414157 2009-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éveloppement 2009-01-28T10:24:00Z https://files.spip.net/Diaporama-Innerfade-developpement#comment412770 2009-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éveloppement 2008-11-17T16:33:01Z https://files.spip.net/Diaporama-Innerfade-developpement#comment410142 2008-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éveloppement 2008-11-03T13:05:36Z https://files.spip.net/Diaporama-Innerfade-developpement#comment409735 2008-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éveloppement 2008-10-20T11:17:17Z https://files.spip.net/Diaporama-Innerfade-developpement#comment409346 2008-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éveloppement 2008-05-06T14:05:15Z https://files.spip.net/Diaporama-Innerfade-developpement#comment405736 2008-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'édito 2008-04-28T22:03:09Z https://files.spip.net/Diaporama-Innerfade-developpement#comment405524 2008-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éveloppement 2008-04-08T08:18:20Z https://files.spip.net/Diaporama-Innerfade-developpement#comment404912 2008-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:55Z https://files.spip.net/Diaporama-Innerfade-developpement#comment399968 2007-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éveloppement 2007-10-30T09:52:04Z https://files.spip.net/Diaporama-Innerfade-developpement#comment399651 2007-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éveloppement 2007-10-08T20:07:19Z https://files.spip.net/Diaporama-Innerfade-developpement#comment398930 2007-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éveloppement 2007-09-14T07:22:43Z https://files.spip.net/Diaporama-Innerfade-developpement#comment397952 2007-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éveloppement 2007-07-24T20:34:32Z https://files.spip.net/Diaporama-Innerfade-developpement#comment396327 2007-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éveloppement 2007-07-19T16:55:36Z https://files.spip.net/Diaporama-Innerfade-developpement#comment396131 2007-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>