Seules contraintes : il nous faut des images ayant la même largeur et il nous faut numéroter les images. Il suffit pour cela de mettre des chiffres en tant que titre de l’image, et c’est dans cet ordre que les images vont apparaître. Seules les images nommées de la sorte seront prises en charge par le plugin, les images sans titre ou avec un titre commençant avec une lettre seront ignorées. Notez qu’il ne prend en compte que les fichiers gif, jpg et png.
Le fonctionnement
Il y a deux modèles : portrait et paysage. Les dimensions par défaut sont 200px x 258px et 400px x 258 px, respectivement.
Nécessite CFG et Saisies.
Vous pouvez personnaliser la présentation via CFG.
Il suffit d’insérer un modèle avec le numéro de l’article en question, par exemple <diapospoXX> pour les portraits ou <diapospaXX> pour les paysages, où, bien entendu XX représente le numéro de l’article.
Il s’agît tout simplement d’un div au positionnement relative dont on cache les éléments qui dépassent grâce un overflow:hidden. Dans son intérieur un autre div positionné en absolute prend la largeur de la somme des largeurs de toutes les images de notre diaporama, et les repositionne à des intervalles de 7000 millisecondes (plus ou moins 7 secondes).
Un clic sur le numéro force la présentation de l’image respective et un survol sur l’image arrête le défilement. Dès que votre souris sort des limites de l’image, le défilement recommence.
Bien entendu, ça reste à améliorer ;-). Vos suggestions (ou vos critiques) seront les bienvenues.
diapos.zip
Vos commentaires
# Le 16 janvier à 18:06, par ctm12
En réponse à : Diapos
Bonjour,
j’ai développé un site sous spip avec les squelettes giseh et je voulais rajouter la possibilité de mettre des diaporamas. J’ai installé cfg et saisies, puis diapos. Mais mes photos s’affiche en mosaïque avec les numéros qui s’affichent à la fin de celle-ci.
Quelqu’un serait-il quel est le problème ? (J’ai suivi le tutoriel et j’ai réessayé plusieurs fois).
Merci d’avance si vous pouvez m’aider.
Répondre à ce message
# Le 2 septembre 2011 à 10:58, par clo
En réponse à : Diapos
Merci pour ce plugin qui fonctionne très bien,
simple et efficace !!
Une idée pour rajouter une légende qui change avec chaque photo ...?
Répondre à ce message
# Le 17 juin 2011 à 12:10, par LaLy
En réponse à : Diapos
Je suis dégoutée,il ne fonctionne pas. rien n’est affiché, pas de message d’erreur.
Je suis en spip 2.1.10. saisie est en 1.9.9 et cfg en 1.15.2.
J’ai bien remarqué le numéro de version dans plugin :
utilise id="saisies" version="[1.6.1 ;]" />
J’ai enlevé version= au cas ou mais rien n’y fait.
Un truc me turlupine c’est « Z », je ne sais pas ce que c’est (ou plutôt je ne comprends pas les articles concernant Z) bref faut-il installer un truc en plus ?
# Le 17 juin 2011 à 13:59, par speciale
En réponse à : Diapos
Ça fonctionne pourtant chez-moi dans une configuration similaire à la vôtre.
Z c’est Zpip.
Cordialement ;-)
# Le 17 juin 2011 à 15:05, par LaLy
En réponse à : Diapos
Merci pour votre réponse.
Je vais commencer le pas à pas de zpip on verra bien.
Bonne journée
Répondre à ce message
# Le 27 avril 2011 à 20:25, par kiscool
En réponse à : Diapos
Bonjour, j’avais le même problème, pas de champ pour ce plugin dans CONFIG.
La solution qui a fonctionné chez moi a été tout simplement de vider le cache.
Voilà, si ça peut servir...
Répondre à ce message
# Le 26 novembre 2010 à 16:51, par Gegejacot
En réponse à : Diapos
Merci encore de ces contribs.
Autre indice :
Les phénomènes que j’i décrits se produisent dans mon installation LOCALE.
En désespoir de cause, j’ai tenté l’installation sur le site réel, et là, ça marche parfaitement...
Problème avec ma base de données locale, alors (Easyphp 5.3)...
En tous cas, la question ne se pose plus pour mon site...
Merci à tous.
G.C.
Répondre à ce message
# Le 17 novembre 2010 à 10:59, par Gegejacot
En réponse à : Diapos
Post scriptum
En fait, dans l’article en cours de rédaction les diapos apparaissent bien,mais dans la partie publique, seuls les numéros apparaissent et défilent... Pas la moindre image...
GJ
# Le 17 novembre 2010 à 12:22, par Luis Speciale
En réponse à : Diapos
Je ne vois pas, avec le éléments que vous donnez, où peut se situer le problème. Déjà en ce qui concerne le comportement de CFG, je dirais que le plugin n’est pas correctement installé.
Quelques questions : Quelle version de SPIP ? Quelle type de fichier pour les images ? Quelle taille pour les images ? D’autres plugins installés ? Avez-vous essayé, par exemple, de ne laisser que les plugins strictement nécessaires au fonctionnement de Diapos ?
# Le 23 novembre 2010 à 16:19, par cyrille
En réponse à : Diapos
meme probleme ichez- moi
spip 2.1.2
cfg 1.15.2
cfg ne présente aucun champ
# Le 23 novembre 2010 à 16:49, par Luis Speciale
En réponse à : Diapos
Même config chez moi.
SPIP 2.1.2
CFG 1.15.2
Et je ne reproduis pas le problème
Répondre à ce message
# Le 17 novembre 2010 à 10:27, par Gegejacot
En réponse à : Diapos
Bonjour à tous,
et merci pour ces contributions éclairantes...
Pour ma part, débutant aussi, je ne réussis pas à accéder à la configuration du plugin : cfg me répond qu’aucun champ n’est trouvé dans diapos (voir image jointe).
D’où peut venir l’erreur ?
Merci d’avance :
GJ
Répondre à ce message
# Le 9 novembre 2010 à 13:52, par Manu
En réponse à : Diapos
Décalage
Le plugin fonctionne très bien. Pas de soucis ... à un détail près tout de même : de temps, de façon vraiment aléatoire, les images apparaissent « décalées ». Je veux dire par là que tout se passe comme si le glissement n’était pas égal à la largeur de l’image/de la zone visible : du coup, slide après slide, un décalage de plus en plus important apparait, laissant apparaître un petit bout de plus en plus important de l’image suivante.
Un petit coup de
<F5>ou de<Pomme +R>rétablit le bon affichage... jusqu’à la prochaine fois !Si c’était un problème de css, ça se produirait tout le temps, alors je me demande ce que ça peut-être... Quelqu’un a déjà rencontré cela ?
Une url pour voir ? =>www.meubles-du-plessis.com
# Le 9 novembre 2010 à 14:42, par Luis Speciale
En réponse à : Diapos
Oui, et je crois savoir d’où ça vient. Le JS calcule le total de la largeur du block images à déplacer lors de la présentation en additionnant la largeur des images. Le déplacement devrait être ce nombre divisé par le nombre d’images. C’est là où le bât blesse : de temps en temps il se goure avec le déplacement.
# Le 10 novembre 2010 à 07:40, par Manu
En réponse à : Diapos
OK.... mais du coup, il faut faire quoi, docteur ?
Au passage, une petite question : dans diapos.js, comment faut-il comprendre
var triggerID = $active.attr("rel") - 1; //Quantite des imagesJe devine qu’il compte la présence d’éléments dotés d’un attribut rel mais, que veut dire
$active.# Le 10 novembre 2010 à 11:59, par Luis Speciale
En réponse à : Diapos
Oups. Avec le temps ça me fait un peu spaghetti dans les neurones, mais en relisant le code je m’aperçois qu’il faudrait lire
//Declencheur de la rotation (active moins une image)En lieu et place de
//Quantite des imagesLa quantité est déterminée par
var imageSumPa. Mais je continue à croire que le problème vient du fait qu’il se goure de temps en temps avec la somme des largeurs, autrement dit icivar imageReelWidthPa = imageWidthPa * imageSumPa;, du fait que j’ai pu voir avec Firebug que de temps en temps il ajoute des pixels supplémentaires à la taille de l’image.Pourquoi, mystère. On dirait un bug de padding supplémentaire. Je viens de commiter des CSS sans padding, regarde si ça marche.
Répondre à ce message
# Le 14 octobre 2010 à 13:47, par ?
En réponse à : Diapos
peut-on installer le nouveau logiciel de cooliris avec des vidéos sur spip
Répondre à ce message
# Le 23 septembre 2010 à 18:25, par Manu
En réponse à : Diapos
Prise en compte des photos « non numérotées »
Tu précises que seules les images ayant un titre composé d’un numéro sont prises en compte... C’est assez pénalisant dans la mesure où le rédacteur doit penser à supprimer le titre existant d’une image lorsqu’il souhaite l’intégrer dans le diaporama. Et noter ce titre pour le remettre ensuite quand il décidera de retirer l’image.
Ce serait super de lever cette limite pour pouvoir intégrer n’importe quelle image. Une idée pour y arriver ?
# Le 23 septembre 2010 à 19:18, par Luis Speciale
En réponse à : Diapos
Les images n’ont pas de titre par défaut chez SPIP. L’astuce (si l’on peut l’appeler ainsi), de mettre une chiffre, c’est pour éviter que notre abruti de plugin se goinfre toutes les images de l’article. D’autre part mon plugin date et je doute qu’il mérite une réécriture, à moins que ce ne soit pour l’épitaphe. Il y a d’autres solutions plus élégantes (j’ai vu passer une adaptation d’un plugin jquery — de mémoire, pas sûr cycle plugin, tu dois pouvoir le trouver dans contrib)
A +
# Le 23 septembre 2010 à 20:07, par Manu
En réponse à : Diapos
... Non, non, je le trouve très bien ce petit plugin ! Faut pas se démoraliser pour si peu ! Entre temps, je pense avoir trouvé une solution à mon problème :
En modifiant dans le modèle .html
rel="#TITRE"par
rel="#COMPTEUR_BOUCLE",ça fonctionne parfaitement bien : les images peuvent conserver leur titre « littéraire »
Si ça peut servir !
# Le 23 septembre 2010 à 20:21, par Luis Speciale
En réponse à : Diapos
Mais il n’y pas d’exclusion et il va prendre TOUTES les images de l’article.
# Le 23 septembre 2010 à 21:32, par Manu
En réponse à : Diapos
Pas vraiment d’accord avec toi : il est relativement aisé d’intervenir pour éviter que le plugin n’avale pas toutes les images.
Dans les fichiers modèles, les boucles DOCUMENTS peuvent être personnalisées assez finement pour isoler les images que l’on souhaite retenir :
par ex : 0,5 pour limiter le nombre
par num titre si l’on « dote » les titres de numéros de classement
mode=document pour ne prendre que les images du portfolio etc... .
Je préfère nettement jouer sur ce tableau plutôt que d’avoir à modifier les titres un coup dans un sens un coup dans l’autre, non ? C’est tout de même plus conforme à l’esprit de SPIP et de ses boucles, enfin il me semble...
Un autre truc pour aider à l’utilisation de ce plugin que je trouve vraiment très agréable, c’est que contrairement à ce que tu dis, les images n’ont pas besoin d’avoir une taille pile-poil de la même largeur : une succession des filtres image_reduire et image_recadre permettent d’utiliser des images de taille hétérogène. Ils sauront donner à manger au plugin des images devenues homogènes grace à eux. On peut penser en effet que de nombreux rédacteurs ne sont pas des stars de photoshop ou de GIMP ! Enfin, il me semble...
# Le 24 septembre 2010 à 10:16, par Luis Speciale
En réponse à : Diapos
Tiens moi au courant si tes améliorations fonctionnent. De mémoire, quand on avait des tailles différentes ça ne marchait pas.
# Le 24 septembre 2010 à 11:00, par Manu
En réponse à : Diapos
Si tu appliques un même filtre image-recdre, toutes les images ont bien la même taille ***APRES*** donc, ce que mange le plugin, ce sont bien des images de même taille.
Chez moi, ça fonctionne apparement très bien
<BOUCLE_diapos(ARTICLES){id_article=#ENV{id}}>
<B_image>
<div class="cadrepa">
<div class="fenetrepa">
<div class="cadre_imagepa">
<BOUCLE_image(DOCUMENTS)
{id_article}
{extension IN png,jpg,gif}
{par num titre}>
<a href="#" rel="#COMPTEUR_BOUCLE">
[(#FICHIER|image_reduire{700,0}
|image_recadre{700,500}
|inserer_attribut{alt,#TITRE})]
</a>
</BOUCLE_image>
</div>
</div>
<div class="choix_image">
<BOUCLE_numero_image(DOCUMENTS)
{id_article}
{extension IN png,jpg,gif}
{par num titre}>
<a href="#" rel="#COMPTEUR_BOUCLE">#COMPTEUR_BOUCLE
<span>#DESCRIPTIF*</span></a>
</BOUCLE_numero_image>
</div>
</div>
</B_image>
</BOUCLE_diapos>
Répondre à ce message