Le dedans du Bocal

Le plugin SPIP TopUp 1.7.2

Franck — 2010-09-01T08:37:44Z

Topup est un visualiseur d'image gratuit pour les sites web. Il est écrit en javascript, et utilise jQuery, version 1.4.2 minimum.

Le site officiel : http://gettopup.com/

Caractéristiques :
TopUp est totalement libre, y compris pour un usage commercial
Conserve un code HTML pur
Le poids du fichier TopUp est réduit à 47.6 KB avec le compresseur Yahoo ! YUI Compressor (comprend les JS, HTML et CSS)
Utilisation de sprites CSS pour réduire le temps de chargement
Compatible avec les principaux navigateurs
Propose des mises en page fantaisies, des animations et transitions entre images
Auto-correction de la dimension et de la position si nécessaire
Et bien plus encore...

Pour lancer le diaporama, cliquez sur une vignette

Le plugin TopUp ajoute un diaporama TopUp dans un article.

Les images qui constituent le diaporama sont jointes à l'article :
en tant que documents (pour SPIP 1.9)
déposées dans le portfolio (SPIP 2)

Il y a 4 moyens d'utiliser le plugin :

Les 2 balises :
#TOPUPGALLERY insertion avec portfolio
#TOPUP insertion sans portfolio

Les 2 modèles :
<mod_topupgalleryxxx> insertion avec portfolio (xxx est l'id de l'article contenant les images à intégrer dans le diaporama)
<mod_topupxxx> insertion sans portfolio (xxx est l'id de l'article contenant les images à intégrer dans le diaporama)

Le plugin TopUp nécessite l'utilisation du plugin CFG, par lequel on peut configurer certains des paramètres de l'affichage :
Hauteur des vignettes du portfolio
Largeur des vignettes du portfolio
Taille de l'image initiale (mode sans portfolio)
Choix de la mise en page
Largeur de la fenêtre TopUp
Hauteur de la fenêtre TopUp
Position X de la fenêtre TopUp
Position Y de la fenêtre TopUp
Choix de l'effet de transition
Rendre la fenêtre TopUp modale
Assombrir le fond de l'écran (effet lightbox)
Fermer TopUp lors d'un clic sur le fond d'écran
Permettre le redimensionnement de la fenêtre TopUp

IMPORTANT

Le fonctionnement du plugin nécessite jQuery 1.4.2 minimum.
Pour une utilisation avec les versions de SPIP antérieures à 2,
il faut éditer les fichiers

topup.html
topupgallery.html
mod_topup.html
mod_topupgallery.html

et retirer dans toutes les boucles le critère {vu=non}

utiliser le plugin jQuery 1.4.2 pour SPIP 1.92x pour remplacer la version par défaut (v1.1.x) par la version 1.4.2.

Le plugin SPIP Shadowbox 3.0.3

Franck — 2010-08-30T21:39:15Z

Shadowbox est un visualiseur d'image gratuit pour les sites web. Il est écrit en javascript. Le site officiel : http://www.shadowbox-js.com/

Caractéristiques :
Utilise un balisage HTML valide
Indépendant de tout framework javascript
Paramétrable
Code soigné, modulaire et compact
Universel : support des principales langues
Non obstrusif : si le javascript est désactivé, la page est affichée sans problèmes

Langues supportées :
ar : Arabe
ca : Catalan
cs : Tchèque
da : Danois
de : Allemand
en : Anglais
es : Espagnol
et : Estonien
fi : Finlandais
fr : Français
gl : Galicien
he : Hébreu
hu : Hongrois
id : Indonésien
is : Islandais
it : Italien
ja : Japonais
ko : Coréen
my : Birman
nl : Néerlandais
no : Norvégien
pl : Polonais
pt : Portugais
pt : Portugais Brésilien
ro : Roumain
ru : Russe
sk : Slovaque
sv : Suédois
tr : Turc
zh : Chinois simplifié

Testé avec : Firefox 1.5 +, Safari 2 +, Opera 9 +, Chrome 1+, Internet Explorer 6 +.

Pour lancer le diaporama, cliquez sur l'image

Le plugin Shadowbox ajoute un diaporama Shadowbox dans un article.

Les images qui constituent le diaporama sont jointes à l'article :
en tant que documents (pour SPIP 1.9)
déposées dans le portfolio (SPIP 2)

Il y a 4 moyens d'utiliser le plugin :

Les 2 balises :
#SHADOWBOXGALLERY insertion avec portfolio
#SHADOWBOX insertion sans portfolio

Les 2 modèles :
<mod_shadowboxgallerynnn> insertion avec portfolio (nnn est l'id de l'article contenant les images à intégrer dans le diaporama)
<mod_shadowboxnnn> insertion sans portfolio (nnn est l'id de l'article contenant les images à intégrer dans le diaporama)

Le plugin Shadowbox nécessite l'utilisation du plugin CFG, par lequel on peut configurer certains des paramètres de l'affichage :
Hauteur des vignettes du portfolio
Largeur des vignettes du portfolio
Taille de l'image initiale (mode sans portfolio)
Activer les animations
Activer le fondu enchainé
Paramétrer la séquence lors du redimensionnement (ordre hauteur et largeur)
Permettre une lecture cyclique
Choisir le style de compteur ("x sur y" ou lien)
Choisir le nb de liens (pour le type de compteur lien)
Afficher le compteur
Afficher les contrôles de navigation
Permettre la navigation par clavier
Régler la durée du fondu enchainé
Gérer le débordement des images
Choisir la hauteur initiale de ShadowBox
Choisir la largeur initiale de ShadowBox
Indiquer si la fenêtre Shadowbox est modale
Choisir la couleur du fond d'écran
Choisir l'opacité du fond d'écran
Choisir la durée du redimensionnement
Afficher le fond d'écran
Choisir la vitesse d'enchainement du diaporama
Choisir la marge entre ShadowBox et l'écran

IMPORTANT

Pour une utilisation avec les versions de SPIP antérieures à 2,
il faut éditer les fichiers

shadowbox.html
shadowboxgallery.html
mod_shadowbox.html
mod_shadowboxgallery.html

et retirer dans toutes les boucles le critère {vu=non}

Le plugin SPIP Sexy Lightbox 2.3.4

Franck — 2010-06-09T09:31:00Z

Sexy Lightbox est un visualiseur d'image gratuit pour les sites web. Il est écrit en javascript, et utilise jQuery, version 1.3.2 minimum. Le site officiel : http://www.coders.me.

Sexy Lightbox est un lecteur très léger, clone du classique Lightbox
Il est compatible avec tous les navigateurs modernes, y compris IE !!!

Exemple 1

Pour lancer le diaporama, cliquez sur l'image

c c c c c c c c c c c

Exemple 2

Pour lancer le diaporama, cliquez sur une vignette

Le plugin Sexy Lightbox ajoute un diaporama Sexy Lightbox dans un article.

Les images qui constituent le diaporama sont jointes à l'article :
en tant que documents (pour SPIP 1.9)
déposées dans le portfolio (SPIP 2)

Il y a 4 moyens d'utiliser le plugin :

Les 2 balises :
#SEXYLIGHTBOXGALLERY insertion avec portfolio
#SEXYLIGHTBOX insertion sans portfolio

Les 2 modèles :
<mod_sexylightboxgallerynnn> insertion avec portfolio (nnn est l'id de l'article contenant les images à intégrer dans le diaporama)
<mod_sexylightboxxxx> insertion sans portfolio (nnn est l'id de l'article contenant les images à intégrer dans le diaporama)

Le plugin Sexy Lightbox nécessite l'utilisation du plugin CFG, par lequel on peut configurer certains des paramètres de l'affichage :
Hauteur des vignettes du portfolio
Largeur des vignettes du portfolio
Taille de l'image initiale
Couleur de l'habillage
Provenance du diaporama
Couleur du fond de page
Opacité du fond de page

IMPORTANT

Le fonctionnement du plugin nécessite jQuery 1.3.2 minimum.

Pour SPIP 1.9.x, utiliser le plugin jQuery 1.4.2 pour SPIP 1.92x pour remplacer la version par défaut (v1.1.x) par la version 1.4.2.

Le plugin SPIP Galleria 1.1.4

Franck — 2010-06-07T19:26:17Z

Galleria est un visualiseur d'image gratuit pour les sites web. Il est écrit en javascript, et utilise jQuery, version 1.4.2 minimum. Le site officiel : http://galleria.aino.se/.

Caractéristiques :
Mode Lightbox, Classique et Plein écran
Présence d'un carroussel
Non obstrusif, toutes les options sont fixées dans le javascript et ne nécessite aucun changement au code HTML
Préchargement des images en tâche de fond
Ecrit au format jQuery
....

Pour lancer le diaporama, cliquez sur une vignette

Le plugin Galleria ajoute un diaporama Galleria dans un article.

Les images qui constituent le diaporama sont jointes à l'article :
en tant que documents (pour SPIP 1.9)
déposées dans le portfolio (SPIP 2)

Il y a 4 moyens d'utiliser le plugin :

Les 2 balises :
#GALLERIAGALLERY insertion avec portfolio
#GALLERIA insertion sans portfolio

Les 2 modèles :
<mod_galleriagalleryxxx> insertion avec portfolio (xxx est l'id de l'article contenant les images à intégrer dans le diaporama)
<mod_galleriaxxx> insertion sans portfolio (xxx est l'id de l'article contenant les images à intégrer dans le diaporama)

Le plugin Galleria nécessite l'utilisation du plugin CFG, par lequel on peut configurer certains des paramètres de l'affichage :
Hauteur des vignettes du portfolio
Largeur des vignettes du portfolio
Taille de l'image initiale
Thème à utiliser
Conserver les éléments source
Démarrage automatique
Index de l'image à afficher à l'ouverture
Créer les vignettes du carrousel
Afficher le carrousel
Le carrousel suit l'image active
Vitesse de déplacement du carrousel
Pas du déplacement du carrousel
Couper et centrer les vignettes du carrousel
Marge entre les vignettes du carrousel et la scène Galleria
Hauteur des images
Couper et centrer les images
Marge entre les images et la scène Galleria
Facteur d'agrandissement max des photos
Nombre d'images à précharger
Mettre les clics dans une file d'attente
Utiliser le calcul d'images bicubiques
Type de transition à utiliser
Durée de la transition
Afficher le cadre de fond
Couleur du cadre de fond
Cacher les vignettes du carrousel automatiquement
Hauteur des vignettes du carrousel
Largeur des vignettes du carrousel
Couleur du texte de la légende
Couleur du fond de la légende

IMPORTANT

Le fonctionnement du plugin nécessite jQuery 1.4.2 minimum.

Surcharger au besoin la version de votre SPIP 2.x en plaçant une version 1.4.2 de jQuery, nommée jquery.js dans le dossier javascript du plugin.

Pour une utilisation avec les versions de SPIP antérieures à 2,
il faut éditer les fichiers

noisettes/memefenetre.html
noisettes/memefenetregallery.html
noisettes/nouvellefenetre.html
noisettes/nouvellefenetregallery.html
pleinecran.html

et retirer dans toutes les boucles le critère {vu=non}

utiliser le plugin jQuery 1.4.2 pour SPIP 1.92x pour remplacer la version par défaut (v1.1.x) par la version 1.4.2.

Le plugin SPIP Colorbox 1.3.6

Franck — 2010-06-02T10:23:22Z

Colorbox est un visualiseur d'image gratuit pour les sites web. Il est écrit en javascript, et utilise jQuery, version 1.3.2 minimum. Le site officiel : http://colorpowered.com/colorbox/.

Caractéristiques :
Gère les photos, groupes de photos, diaporamas
Léger : moins de 9 kb de JavaScript
Apparence pilotée par CSS (donc facile à personnaliser)
Paramètres de comportement pouvant être surchargés, sans altération du javascript original
Non obstrusif, toutes les options sont fixées dans le javascript et ne nécessite aucun changement au code HTML
Préchargement des images en tâche de fond
Ecrit au format jQuery
Produit un code XHTML valide W3C, n'ajoute aucune variable javascript globales
Distribué sous licence MIT

Testé avec : Firefox 2 & 3, Safari 3 & 4, Opera 9, Chrome, Internet Explorer 6, 7, 8.

Pour lancer le diaporama, cliquez sur l'image

Le plugin Colorbox ajoute un diaporama Colorbox dans un article.

Les images qui constituent le diaporama sont jointes à l'article :
en tant que documents (pour SPIP 1.9)
déposées dans le portfolio (SPIP 2)

Il y a 4 moyens d'utiliser le plugin :

Les 2 balises :
#COLORBOXGALLERY insertion avec portfolio
#COLORBOX insertion sans portfolio

Les 2 modèles :
<mod_colorboxgalleryxxx> insertion avec portfolio (xxx est l'id de l'article contenant les images à intégrer dans le diaporama)
<mod_colorboxxxx> insertion sans portfolio (xxx est l'id de l'article contenant les images à intégrer dans le diaporama)

Le plugin Colorbox nécessite l'utilisation du plugin CFG, par lequel on peut configurer certains des paramètres de l'affichage :
Hauteur des vignettes du portfolio
Largeur des vignettes du portfolio
Taille de l'image initiale (mode sans portfolio)
Feuille de style à utiliser
Type de transition
Vitesse de transition
Largeur totale bordures et boutons inclus
Hauteur totale bordures et boutons inclus
Largeur totale sans bordures ni boutons
Hauteur totale sans bordures ni boutons
Largeur initiale avant chargement du contenu
Hauteur initiale avant chargement du contenu
Largeur maximum du contenu
Hauteur maximum du contenu
Redimensionne les photos en fonctions des contraintes de dimensions
Afficher des ascenseurs si le contenu est plus grand que l'afficheur
Opacité du recouvrement
Lancer automatiquement Colorbox
Précharger les images suivante et précédente
Fermer Colorbox par un clic sur le fond
Ajouter la fonctionnalité diaporama
Vitesse du diaporama
Démarrage automatique du diaporama
Texte pour le bouton 'Démarrer'
Texte pour le bouton 'Arrêter'
Numérotation des photos
Texte pour 'précédent'
Texte pour 'suivant'
Texte pour 'fermer'

IMPORTANT

Le fonctionnement du plugin nécessite jQuery 1.3.2 minimum.
Pour une utilisation avec les versions de SPIP antérieures à 2,
il faut éditer les fichiers

colorbox.html
colorboxgallery.html
mod_colorbox.html
mod_colorboxgallery.html

et retirer dans toutes les boucles le critère {vu=non}

utiliser le plugin jQuery 1.4.2 pour SPIP 1.92x pour remplacer la version par défaut (v1.1.x) par la version 1.4.2 ou 1.3.2.

Le plugin SPIP YoxView 1.9

Franck — 2010-05-30T21:15:06Z

YoxView est un visualiseur d'image gratuit pour les sites web. Il est écrit en javascript, et utilise jQuery. Le site officiel : http://www.yoxigen.com/yoxview/.

Caractéristiques :
Gratuit et open source (licence MIT)
Facile à intégrer
Les images sont redimensionnées pour s'ajuster à la taille du navigateur
Possibilité de mise en cache des images
Possibilité de placer plusieurs instances sur la page
Multilingue
Mode diaporama (démarrage automatique)
Navigation par le clavier
Indexation des images sont par les moteurs de recherche préservée
Compatible avec les principaux navigateurs

Pour lancer le diaporama, cliquez sur l'image

Le plugin YoxView ajoute un diaporama YoxView dans un article.

Les images qui constituent le diaporama sont jointes à l'article :
en tant que documents (pour SPIP 1.9)
déposées dans le portfolio (SPIP 2)

Il y a 4 moyens d'utiliser le plugin :

Les 2 balises :
#YOXVIEWGALLERY insertion avec portfolio
#YOXVIEW insertion sans portfolio

Les 2 modèles :
<mod_yoxviewgalleryxxx> insertion avec portfolio (xxx est l'id de l'article contenant les images à intégrer dans le diaporama)
<mod_yoxviewxxx> insertion sans portfolio (xxx est l'id de l'article contenant les images à intégrer dans le diaporama)

Le plugin YoxView nécessite l'utilisation du plugin CFG, par lequel on peut configurer certains des paramètres de l'affichage :
Hauteur des vignettes du portfolio
Largeur des vignettes du portfolio
Taille de l'image initiale (mode sans portfolio)
Masquage automatique de la barre d'infos
Démarrage automatique du diaporama
Couleur du fond
Opacité du fond
Durée d'apparition/de disparition des boutons
Chargement des images en arrière-plan
Durée initiale d'apparition/de disparition des boutons
Durée initiale d'affichage des boutons
Opacité de la barre d'information
Couleur de la barre d'information
Lecture en boucle
Durée de l'affichage d'une image
Nombre minimum de pixels entre le diaporama et le navigateur
Affichage des barres info/aide à l'ouverture
Affichage des boutons précédent/suivant à l'ouverture
Durée d'affichage du titre après chaque fondu
Marge entre le titre et son conteneur

IMPORTANT

Le fonctionnement du plugin nécessite jQuery 1.4.2. La version présente dans SPIP est donc surchargée par le fichier jquery.js situé dans le dossier javascript du plugin

Pour une utilisation avec les versions de SPIP antérieures à 2,
il faut éditer les fichiers

yoxview.html
yoxviewgallery.html
mod_yoxview.html
mod_yoxviewgallery.html

et retirer dans toutes les boucles le critère {vu=non}

utiliser le plugin jQuery 1.4.2 pour SPIP 1.92x pour remplacer la version par défaut (v1.1.x) par la version 1.4.2.

jQuery 1.4.2 pour SPIP 1.92x

Franck — 2010-05-30T18:07:30Z

Ce plugin est basé sur le plugin jQuery 1.2.6 pour SPIP 1.92x de Patrice Vanneufville.

Il permet de rajouter, pour les besoins des plugins récents jQuery version 1.4.2.

Désactive l'ancienne librairie jQuery distribuée avec SPIP 1.92x (jquery.js v1.1.1) et ajoute un appel à jquery.js v1.4.2 dans l'entête publique (fonctionne sur les squelettes disposant de la balise #INSERT_HEAD).

Ce plugin vous permet donc de bénéficier d'une version récente de jQuery pour vos squelettes, tout en gardant en partie privée la version originale. Si vous avez installé le plugin CFG, choisissez la version de jQuery à utiliser : v1.1.1, v1.2.6, v1.3.2 ou v1.4.2.

Ajout au passage du pipeline jquery_plugins et des plugins jquery.form, jquery.cookie et ajaxCallback.

Important : ce plugin ne concerne que les versions 1.92x de SPIP.

Le plugin SPIP Highslide 4.1.8

Franck — 2010-05-26T11:26:11Z

Highslide JS est un visualiseur de document open source écrit en javascript. Le site officiel : http://highslide.com/

Pour lancer le diaporama, cliquez sur l'image

Théatre à Tuttipakam

Dans une gare vers Shimla

Epicier à Mahâballipuram

Théatre à Tuttipakam

Vendeur ambulant à Mahâballipuram

Vendeur ambulant à Tiruchirapalli

Un passant à Tanjore

A la sortie du cinéma

Vendeur de tchaï à Mahâballipuram

Ayan

Le plugin Highslide ajoute un diaporama Highslide dans un article.

Les images qui constituent le diaporama sont jointes à l'article :
en tant que documents (pour SPIP 1.9)
déposées dans le portfolio (SPIP 2)

Il y a 4 moyens d'utiliser le plugin :

Les 2 balises :
#HIGHSLIDEGALLERY insertion avec portfolio
#HIGHSLIDE insertion sans portfolio

Les 2 modèles :
<mod_highslidegalleryxxx> insertion avec portfolio (xxx est l'id de l'article contenant les images à intégrer dans le diaporama)
<mod_highslidexxx> insertion sans portfolio (xxx est l'id de l'article contenant les images à intégrer dans le diaporama)

Le plugin Highslide nécessite l'utilisation du plugin CFG, par lequel on peut configurer certains des paramètres de l'affichage :
Hauteur des vignettes du portfolio
Largeur des vignettes du portfolio
Taille de l'image initiale (si pas de portfolio)
Position des images dans le diaporama
Démarrage automatique
Position du label "numéro de page"
Opacité d'occultation en %
Vitesse d'occultation
Intervalle entre 2 images
Durée de la transition
Lecture en boucle

IMPORTANT

Pour une utilisation avec les versions de SPIP antérieures à 2, il faut éditer les fichiers
highslide.html
highslidegallery.html
mod_highslide.html
mod_highslidegallery.html

et retirer dans toutes les boucles le critère {vu=non}

Le plugin SPIP FreepapeR 2 v0.9.0

Franck — 2010-03-06T18:36:21Z

Le plugin SPIP FreepapeR permet la visualisation en ligne de fichiers PDF. Il s'installe sur un serveur web sous forme de plugin pour le CMS SPIP.

La documentation complète du plugin SPIP FreepapeR 2 version 0.9.0 est consultable dans le lecteur ci-dessus et se situe en téléchargement au pied de l'article, dans le document nommé "Utilisation du plugin SPIP FreepapeR 2 version 0.9.0".

Mise à jour du 17 avril 2010

Activation de la gestion des liens internes en mode "Livre".
Suppression d'un bug en mode livre : lors de la sortie intempestive de la souris sur la page de droite, cette dernière était tournée de manière inappropriée.
Modification du traitement des URL des documents joints.
Suppression d'un bug de lecture du fichier de configuration XML

Les nouveautés de la version 0.9.0

On propose une nouvelle mise en page, « Livre » qui simule le changement de page avec une animation rappelant le mouvement des pages d'un livre papier.
Des infobulles sont rajoutées sur les boutons de commande.
Tous les chaînes de langue de l'interface peuvent être localisées et il est possible de changer leur valeur simplement en modifiant ou en créant un fichier xml.

pdf2swf pour les serveurs 1&1

Ce binaire fonctionne pour les hébergements du fournisseur d'accès 1&1


pdf2swf v 0.9.0 pour les serveurs 1&1

pdf2swf pour les serveurs OVH

Ce binaire fonctionne pour les hébergements du fournisseur d'accès OVH


pdf2swf v 0.9.0 pour les serveurs OVH

Si vous produisez un fichier binaire pdf2swf pour une autre distribution Linux, n'hésitez pas à me le communiquer. Je le mettrais à disposition des utilisateurs de FreepapeR sur ce site.

Le lecteur FreepapeR est mis à disposition selon les termes de la licence Creative Commons Paternité-Partage des Conditions Initiales à l'Identique 2.0 France.

Le lecteur FreepapeR 2 v0.9.0

Franck — 2010-03-04T18:39:45Z

FreepapeR permet la visualisation en ligne de fichiers PDF. Il s'installe sur un serveur web et nécessite uniquement l'utilisation de php.
Si on décide de ne pas installer l'exécutable pdf2swf sur le serveur, on peut même se passer de php.

La documentation complète de FreepapeR 2 version 0.9.0 est consultable dans le lecteur ci-dessus et se situe en téléchargement au pied de l'article, dans le document nommé "Utilisation de FreepapeR 2 version 0.9.0".

Mise à jour du 17 avril 2010

Les nouveautés de la version 0.9.0

Pour un bon fonctionnement de la roulette de la souris et des touches de déplacement du clavier, il est nécessaire d'installer la version 2.2 de swfobject.

pdf2swf pour les serveurs 1&1

Ce binaire fonctionne pour les hébergements du fournisseur d'accès 1&1


pdf2swf v 0.9.0 pour les serveurs 1&1

pdf2swf pour les serveurs OVH

Ce binaire fonctionne pour les hébergements du fournisseur d'accès OVH


pdf2swf v 0.9.0 pour les serveurs OVH

Si vous produisez un fichier binaire pdf2swf pour une autre distribution Linux, n'hésitez pas à me le communiquer. Je le mettrais à disposition des utilisateurs de FreepapeR sur ce site.

Le lecteur FreepapeR est mis à disposition selon les termes de la licence Creative Commons Paternité-Partage des Conditions Initiales à l'Identique 2.0 France.