Download 12 Diaporamas en Plugin compatibles avec SPIP 2.1.x

12 Diaporamas en Plugin compatibles avec SPIP 2.1.x - plusieurs avec jQuery
Extrait du site archivé - CMS-SPIP
http://icp.ge.ch/sem/cms-spip/spip.php?article1274
12 Diaporamas en Plugin
compatibles avec SPIP 2.1.x plusieurs avec jQuery
- SPIP - Plugins SPIP - Multimédia - Diaporama -
Date de mise en ligne : lundi 7 mars 2011
Description :
Liste de Diaporamas en Plugin compatibles avec SPIP 2.1.x, dont plusieurs exploitent la librairie jQuery.
site archivé - CMS-SPIP
Copyright © site archivé - CMS-SPIP
Page 1/10
12 Diaporamas en Plugin compatibles avec SPIP 2.1.x - plusieurs avec jQuery
Liste de Diaporamas en Plugin compatibles avec SPIP 2.1.x, dont plusieurs exploitent la
librairie jQuery.
Diaporamas SPIP
Les sliders (diaporamas) en jQuery [1] sont à la mode. Nous avons passée en revue un grand nombre d'entre-eux
dans l'article :
•
Des diaporamas & bandeaux simples et élégants en JQuery ... « généraux » et « pour SPIP, Drupal,
Joomla & WordPress »
Ici nous présentons brièvement les plugins permettant d'exprimer des diaporamas dans SPIP, plusieurs d'entre eux
exploitent la librairie jQuery. Voici la liste de ceux qui sont compatibles avec SPIP 2.1.x :
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
bannières 2
Cooliris pour SPIP
Diapos
FancyBox
Flash diaporama
jQuery Cycle 2 (Plugin Spip)
MultiViewer Flash
Multiviewer Full pour Spip2
Nivo Slider
Nyroceros
Portfolio simple
PostCardViewer pour SPIP
Thickbox
Bannières 2 (Plugin pour)
Ce plugin permet d'afficher et de gérer des campagnes d'information composées d'images ou animations. La balise
#BANNIERE permet de positionner facilement cet objet dans vos squelettes. Plusieurs objets peuvent être placés
sur la page et gérés en fonction de leur position (ex. : #BANNIERE1). Si vous lui faites passer des informations de
localisation, vous pourrez choisir l'objet à afficher en conséquence. Un lien est placé sur les images et le clic est
comptabilisé. Enfin, la campagne s'affiche pendant la période que vous définissez dans l'espace privé.
Compatibilité
Copyright © site archivé - CMS-SPIP
Page 2/10
12 Diaporamas en Plugin compatibles avec SPIP 2.1.x - plusieurs avec jQuery
•
•
SPIP 2.0
SPIP 2.1
Plus de détails ici : Plugin « Bannières 2 » : Galop d'essai et intégration à SARKA
Documentation et téléchargement
•
Plugin pour bannières 2
16 novembre 2009 - par Jeannot
Cooliris pour SPIP
Cooliris est une application permettant d'afficher les images jointes d'un article sur un « mur 3D », avec des
fonctionnalités de zoom, de diaporama, de partage...
Cooliris utilise la technologie flash.
Le plugin fait appel à un fichier xml (spip_iris.html) qui contient les données à afficher (images). Pour afficher des
vidéos au format flv, il faudra donc modifier la boucle de ce fichier xml.
Nécessite CFG
•
•
SPIP 2.0
SPIP 2.1
•
Cooliris pour SPIP, 30 mai 2010 - par phil - 50 commentaires
On trouvera plus d'information concernant Cooliris sur le site officiel :
•
•
•
•
http://www.cooliris.com/
http://www.cooliris.com/desktop/
http://www.cooliris.com/downloads/
http://www.cooliris.com/company/pla...
Ainsi Cooliris permet également de transformer instantanément un navigateur Internet en un logiciel de présentation
d'images plein écran. C'est une extension assez originale. Il est compatible avec de nombreux navigateurs : Internet
Explorer, Firefox, Safari, Chrome ... et pour les Mobile iPhone et iPad. Son utilisation est simple et intuitive :
Pour Firefox : https://addons.mozilla.org/fr/firefox/addon/cooliris/
Cooliris marche avec Facebook, Flickr, YouTube, MySpace, Picasa Web Albums, et bien d'autres. Voir
http://www.cooliris.com/product
Copyright © site archivé - CMS-SPIP
Page 3/10
12 Diaporamas en Plugin compatibles avec SPIP 2.1.x - plusieurs avec jQuery
•
•
•
lancez une recherche d'images sur les sites que vous voulez,
quand le résultat s'affiche, survolez une image
cliquer sur le logo « play ».
Vous verrez alors une galerie apparaître contenant l'ensemble des résultats obtenus.
Cooliris ne se contente pas d'afficher les images présentes sur une page, mais permet également de charger au
cours de la navigation l'ensemble des résultats.
Diapos
Comme son nom l'indique, c'est un (petit) plugin qui rappelle un peu le fonctionnement d'un projecteur de
diapositives.
Compatibilité : SPIP 2.1
•
Diapos, 10 mars 2010 - par Luis Speciale - 86 commentaires
FancyBox
Adaptation du script FancyBox pour jQuery en plugin SPIP.
Liste des fonctionnalités reprise depuis le site original :
•
•
•
ajoute un joli effet d'ombre portée sous la fenêtre
possibilité de grouper les images pour naviguer dans les séries d'éléments
permet d'afficher des images, du contenu en ligne, ajax ou en iframe
Voir la démonstration sur le site de FancyBox.
•
FancyBox, 25 mars 2009 - par b_b - 295 commentaires
Flash diaporama
Copyright © site archivé - CMS-SPIP
Page 4/10
12 Diaporamas en Plugin compatibles avec SPIP 2.1.x - plusieurs avec jQuery
Un diaporama pour Flash Player 9. Divers aspects du diaporama sont paramétrables (taille, couleurs, taille
miniatures, lecture automatique, ...).
Compatibilité :
•
•
SPIP 2.0
SPIP 2.1
•
Flash diaporama 1er avril 2010 - par tubbs - 54 commentaires
jQuery Cycle 2 (Plugin Spip jQuery Cycle 2)
jQuery Cycle 2 (Plugin Spip jQuery Cycle 2), 13 mai 2010 - par Yffic
http://www.spip-contrib.net/Plugin-Spip-jQuery-Cycle-2
http://www.spip-contrib.net/Plugin-Spip-jQuery-Cycle
Adaptation du script Cycle pour jQuery en plugin SPIP.
Par défaut, la fonction tooltip est désactivée mais est activable via la configuration par CFG. De même pour l'effet
fancybox mais qui nécessite, lui, l'installation du plugin fancybox pour fonctionner. Spip jQuery Cycle utilise la librairie
fournie par le plugin FancyBox mais pas ses paramètres de configuration.
Compatibilité : SPIP 2.0 SPIP 2.1
MultiViewer Flash
•
•
•
•
4 viewers Flash au choix, de base, mais extensible...
paramétrable par le rédacteur,
possibilité de voir plusieurs galeries sur une page avec différents viewers.
des balises de paramétrages utilisables dans vos squelettes ou vos articles,
Copyright © site archivé - CMS-SPIP
Page 5/10
12 Diaporamas en Plugin compatibles avec SPIP 2.1.x - plusieurs avec jQuery
•
Ajouter facilement à SPIP vos propres viewers flash personnalisés (interface par fichier XML)
Compatibilité :
•
•
SPIP 2.0
SPIP 2.1
•
MultiViewer Flash-Galerie Photo Flash au choix pour SPIPv2, 11 mai 2009 - par Christophe Boutin
Multiviewer Full pour Spip2
Version FULL du plugin Multiviewer Flash
•
•
•
•
Utilisation ultra-simple
Les viewers ImageRotator et Simpleviewer2.0 ajoutés.
6 Galeries Flash au choix.
Affichage en plein écran inclus.
Compatibilité :
•
•
SPIP 2.0
SPIP 2.1
•
Multiviewer Full pour Spip2, 6 octobre 2010 - par GezuS
http://www.spip-contrib.net/Multiviewer-Full-pour-Spip2
http://gezus.homelinux.free.fr/?Plugin-Multiviewer-FULL-pour-Spip2
Attention
A l'installation, ce plugin nous a provoqué l'erreur suivante :
Warning: fopen(plugins/multiviewer_full_2_modby_gezus/xml/gallery_art1256.xml) [function.fopen]: failed to
open stream: Permission denied in /srv/www/spip01/plugins/multiviewer_full_2_modby_gezus/balise/multivie
wer.php on line 471
Warning: fclose(): supplied argument is not a valid stream resource in
/srv/www/spip01/plugins/multiviewer_full_2_modby_gezus/balise/multivie wer.php on line 483
Les 2 lignes de code indiquées sont :
ligne 471 :
if (!$file_handle = fopen($file,"w")) // ?? vérifier si = ou == ??...
Copyright © site archivé - CMS-SPIP
Page 6/10
12 Diaporamas en Plugin compatibles avec SPIP 2.1.x - plusieurs avec jQuery
ligne 483 :
fclose($file_handle);
Observation : le problème vient d'un manque de droit dans le sous répertoire « xml » du plugin. En ajoutant les droits
dans le répertoire : /plugins/multiviewer_full_2_modby_gezus/xml le plugin fonctionne :
Le plugin crée des fichiers dans le sous répertoire « xml » du plugin, il devrait plutôt écrire ces fichiers dans les
répertoires IMG, tmp ou local (qui ont par défaut les bons droits).
Mais attention, nous sommes phase de mise en oeuvre de la mutualisation de site avec le plugin « Ferme à SPIP »,
on peut donc avoir des « collisions » entre sites qui utilisent ce plugin pour l'écriture le fichier XML.
Nivo Slider
Intégration pour SPIP du script Nivo Slider.
Nivo Slider pour SPIP permet d'intégrer des diaporamas en JQuery dans vos articles. Pour voir la démo c'est par ici :
http://www.ulm1634.com/
Nécessite CFG
•
•
SPIP 2.0
SPIP 2.1
Nivo slider est décrit ici :
•
Plugin « Nivo Slider » pour SPIP : excellent diaporama jQuery
•
Nivo Slider, 2 mars 2011 - par ngombe
s3Slider : Plugin jQuery
Développement hors SPIP
Boban Karisik est un développeur (programmeur) indépendant PHP / MySQL basé à Belgrade (Serbie) qui travaille
avec des clients partout dans le monde.
N'ayant pas trouvé ce qui lui convenait après une petite recherche il décide de le construire lui-même, il en est
résulté le plugin jQuery s3Slider.
Copyright © site archivé - CMS-SPIP
Page 7/10
12 Diaporamas en Plugin compatibles avec SPIP 2.1.x - plusieurs avec jQuery
Description, téléchargement et mode d'emploi :
•
s3Slider jQuery plugin
•
Trois exemples d'utilisation de s3Slider
• Example 1 : This example shows the layer appears on top or bottom.
• Example 2 : This example shows the layer appears on left or right.
• Example 3 : This example shows the layer appears on all sides (left, right, bottom or top).
Le plugin a été intégré à SPIP
•
Design Maparaan : SPIP en Blog avec un superbe look
Nyroceros
Attention, cette page de documentation est incomplète... Vous devrez donc découvrir et expérimenter par
vous-même.
Nyromodal pour SPIP.
•
•
Affichage multimedia, voir http://nyromodal.nyrodev.com/#demos
Ce plugin propose en plus un diaporama en option.
Nyroceros, 28 janvier 2009 - par BoOz, b_b, Fil, kent1, _Eric_
Portfolio simple
Un portfolio tout simple : vous mettez les images dans une rubrique, et hop !
« Portfolio simple » utilise les deux plugins suivants :
•
•
Plugin Menu
et soit Fancybox soit thickbox
•
SPIP 2.0
Copyright © site archivé - CMS-SPIP
Page 8/10
12 Diaporamas en Plugin compatibles avec SPIP 2.1.x - plusieurs avec jQuery
•
SPIP 2.1
•
Portfolio simple, 7 février 2010 - par ydikoi
PostCardViewer pour SPIP
ATTENTION
Ce plugin ne sera plus maintenu car Christophe Boutin en a sorti une version beaucoup plus évoluée disponible ici.
Le fichier du plugin est quand même maintenu car il est simple et peut aider celles et ceux qui démarrent le
développement d'un plugin.
•
•
SPIP 2.0
SPIP 2.1
•
PostCardViewer pour SPIP, 17 novembre 2008 - par Manu_TJ
Thickbox
Le plugin Thickbox pour SPIP permet d'afficher une image avec un effet de présentation à la mode.
Thickbox est le nom d'un effet en Ajax permettant d'afficher du contenu dans un calque, au dessus de la page. Cet
effet est de plus en plus utilisé pour remplacer les fenêtres pop-up.
Présentation
Thickbox est une adaptation du code original de Cody Lindley qui permet d'afficher une image avec un effet de
présentation à la mode qui se met en route lorsque l'image est cliquée. Sur le même principe, on peut également
afficher des fenêtre dites « modales », c'est à dire des pop-up HTML.
Le script se déclenche sur les images par exemple appelées dans un texte par
<doc53|center>.
Sur le portfolio de SPIP, ça fonctionne directement comme une galerie d'images (précédant, suivant diaporama etc).
•
Thickbox, 20 avril 2007 - par BoOz - 174 commentaires
http://www.spip-contrib.net/Plugin-Thickbox
Copyright © site archivé - CMS-SPIP
Page 9/10
12 Diaporamas en Plugin compatibles avec SPIP 2.1.x - plusieurs avec jQuery
http://www.spip-contrib.net/Thickbox-pour-les-redacteurs
Ce qu'est jQuery
Selon Wikipedia
jQuery : jQuery est une bibliothèque JavaScript libre qui porte sur l'interaction entre JavaScript (comprenant AJAX)
et HTML, et a pour but de simplifier des commandes communes de JavaScript. La première version date de janvier
2006.
jQuery se présente comme un unique fichier de 212 ko (29 ko dans sa version compressée).
Le framework contient notamment les fonctionnalités suivantes :
•
•
•
•
•
•
•
Parcours et modification du DOM (y compris le support des sélecteurs CSS 1 à 3 et un support basique de
XPath) ;
Événements ;
Effets et animations ;
Manipulations des feuilles de style en cascade (ajout/suppression des classes, d'attributs...) ;
AJAX ;
Plugins ;
Utilitaires (version du navigateur...).
[1] jQuery : jQuery est une bibliothèque JavaScript libre qui porte sur l'interaction entre JavaScript (comprenant AJAX) et HTML, et a pour but de
simplifier des commandes communes de JavaScript. La première version date de janvier 2006.
Copyright © site archivé - CMS-SPIP
Page 10/10