Liens
Ce plugin est une adaptation à SPIP du script Innerfade.
Voir le carnet de notes de développement sur le wiki de SPIP-Contrib Diaporama_innerfade
Installation
ce plugin nécessite la bibliothèque jquery pour fonctionner (intégrée en standard à SPIP 1.91 et plus). Il est à installer comme n’importe quel plugin, soit en résumé [1] :
- télécharger le fichier à dézipper
- copier dans le dossier /plugins de SPIP le répertoire diaporama_innerfade contenu dans l’archive zip.
- ensuite activer le plugin dans l’interface privée de SPIP.
Mise en œuvre
Ajouter le code qui suit dans le squelette à l’endroit où doit apparaitre le diaporama :
<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">
<img src="[(#FICHIER|image_reduire{0,400}|extraire_attribut{src})]" title="#TITRE"/>
</a>
</BOUCLE_diaporama_innerfade>
</div>
Précisions
Le bloc id doit impérativement s’appeler diaporama_innerfade, car c’est ce nom qui active le diaporama. Il est possible d’activer le diaporama sur plusieurs blocs différents, contenant du texte ou des images.
Pour régler la hauteur des images : changer la valeur de image_reduire{0,400}
. Attention, si la hauteur est plus grande que 400px, l’image risque de déborder du conteneur... Editer alors le fichier en_tete.php dans plugins/diaporama_innerfade, et donner la même valeur à $diapohauteur
.
Pour n’afficher que le diaporama (et pas d’éventuelles miniatures en plus) : rajouter {doublons}
dans la boucle .
Pour enlever la bordure blanche : éditer diaporama_innerfade.css dans plugins/diaporama_innerfade ou bien rajouter un tag #diaporama_innerfade dans votre feuille de style.
Voir le site du script pour une explication plus détaillée, et plus bas pour le développement.
Licence
distribué sous licence GNU/GPL.
A faire
1) pour le rédacteur
Rendre le diaporama activable dans l’article au moyen d’une balise genre {diapo|slide|transition=1|duree=4|sequence|hauteur=400}
où les options sont :
- slide
: défilement (au lieu du fondu enchainé)
- transition=x
: duree de la transition (en secondes)
- duree=x
: temps d’affichage de chaque image (en secondes)
- random
: succession aléatoire
- hauteur
: hauteur en px
2) pour le webmaster
Avoir accès aux différentes options du script dans l’interface privée de SPIP, où l’on pourrait :
- définir les options par défaut (durée de chaque image, vitesse de transition etc...)
- définir sur quelles rubriques activer le plugin (actif sur tous les articles contenant des images de la rubrique), avec les options.
- et pour chaque rubrique, définir sur quel tag activer un diaporama.
Ainsi il serait possible de créer les diaporamas plus finement, à partir de n’importe quelle liste créée par SPIP, texte ou images (liste d’articles, de rubriques, de documents joints etc...)
Discussions par date d’activité
18 discussions
Bonjour,
Je souhaiterais insérer ce diaporama dans un site.
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...
Pourriez -vous me conseiller ?
Merci d’avance.
Cordialement
Répondre à ce message
bonjour,
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 !
Si quelqu’un avait un solution !? Merci d’avance !
pour voir
Répondre à ce message
Bonjour,
Merci pour ce plugin.
Cependant j’aimerai apporté une modification pour l’adapter a mon site.
J’aimerai juste que les rédacteurs n’est pas a saisir la balise diapo.
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.
Est ce que quelqu’un pourrait m’aider à faire cette modification ?
Répondre à ce message
Superbe contrib. Merci !
Je l’utilise ici.
Répondre à ce message
Super.
C’est ce que je cherchais pour un site en développement La Mémoire du temps Passé.
Bon il faut que je reprenne le CSS.
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.
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.
Comment peut-on l’intégrer dans un modèle ? et comment passer les paramètres au différents modèles ?
En dans tous les cas bravo pour cette contribution.
Répondre à ce message
Extraordinaire ! J’ai trouvé ce plugin du tonnerre de zeus !
Un grand merci à vous !
Villages de ville
Répondre à ce message
Plug-in qui me fait économiser beaucoup de temps ! 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 !
Répondre à ce message
Mise en place ici : Espace enfants (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.
Répondre à ce message
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |