13'sportif

Aller au contenu | Aller au menu | Aller à la recherche

Mot-clé - jQuery

Fil des billets - Fil des commentaires

mar. 10

Plugin Lightbox pour Dotclear

Par Julien le lundi 10 mars 2008, 23:31 - DotClear

Le plugin LightBox officiel est disponible pour DC2-RC1 !

J'ai appris il y a peu qu'un plugin LightBox officiel avait été ajouté au SVN de DC2 par Olivier.
Celui-ci est très malin !
Et pour l'utilisateur c'est surtout super simple et efficace avec zéro prise de tête :-)
En plus ça carbure au jQuery !

Du coup, j'ai fait une version compatible DC2-beta7 en attendant la version stable.

Dans ce plugin l'utilisateur à le choix avez le choix entre 2 plugins jQuery correspondants chacun à des types d'effet différent :

LightBox

Le plugin jQuery LightBox déjà utilisé dans la version officiel et dans dcjQueryLightBox.

Facebox

Le plugin jQuery Facebox, dont l'effet est plus sobre, mais il dispose d'un slideshow permettant de faire défiler automatiquement les images d'un album.

Installation pour DotClear-2beta7

Démonstration

  • En mode album photo : Cliquer sur l'une des miniatures

Bete Foret Lac

Plus d'info sur le plugin officiel de DC2 sur ce fil du forum de Dotclear.

32 commentaires aucun rétrolien

déc. 6

Nouvelle version du plugin dcjQueryLightBox

Par Julien le jeudi 6 décembre 2007, 23:44 - DotClear

Une nouvelle version de plugin est disponible !

Voici une nouvelle version du plugin dcjQueryLightBox qui utilise une autre déclinaison de LightBox pour jQuery. La version 0.4 de ce script semble bien plus dans l'esprit des plugins jQuery en étant mieux codé et bien plus paramétrable que le script qui était utilisé jusqu'à maintenant.

Custumisation

Avec cette nouvelle version, il est maintenant possible de custumiser le plugin en modifiant les options suivantes à la fin du fichier jquery.lightbox-0.4.min.js.
L'emplacement du fichier dépend de la version de Dotclear :

  • Dans /share/dcjQueryLightBox/js/ pour la Dotclear1.
  • Dans /plugins/dcjQueryLightBox/js/ pour la Dotclear2.
var lbOpt = {
  //overlayBgColor: '#000',
  //overlayOpacity: 0.8,
  //imageLoading: 'http://www.ajaxload.info/images/exemples/25.gif',
  //imageBtnClose: 'http://example.com/images/close.gif',
  //imageBtnPrev: 'http://example.com/images/prev.gif',
  //imageBtnNext: 'http://example.com/images/next.gif',
  //containerResizeSpeed: 400,
  txtOf: 'sur'
};

Installation pour DotClear-1.2.7

Pour utiliser le plugin sous 1.2.6 et précédent, il faut commenter ou supprimer la ligne 52 du fichier "index.php" :
dcNonce::form().

Installation pour DotClear-2beta7

Démonstration

  • En mode album photo : Cliquer sur l'une des miniatures

Bete Foret Lac

J'ai aussi fait une version pour la svn de DotClear2, à tester donc :

Notes

[1] Risque de ne pas fonctionner si votre hébergeur est en PHP5

63 commentaires aucun rétrolien

sept. 30

Plugin dcjQueryLightBox pour DotClear

Par Julien le dimanche 30 septembre 2007, 21:08 - DotClear

Une nouvelle version de plugin est disponible !


Après Slimbox, voici dcjQueryLightBox un nouveau clone de Lightbox JS pour DotClear qui utilise la librairie jQuery alors que slimbox utilise mootools ;-)

Pourquoi dcjQueryLightBox ?

jQueryLightBox est un clone compact de Lightbox JS utilisant la librairie jQuery.

jQueryLightBox est 100% compatible avec Lightbox2 et permet d'obtenir la même type d'effet visuel. Je le trouve même plus joli. Par contre, la page se charge plus rapidement. Parce qu'au lieu d'avoir 103 Ko de Javascript (4 fichiers) à télécharger, il n'y a que 39 Ko avec jQueryLightBox (2 fichiers js) !

Comme jQuery est déjà utilisé dans DotClear, ce plugin est donc sans doute plus adapté que ceux qui utilisent d'autres librairies javascript, et à fortiori si jQuery est déjà utilisé dans le thème : on évite aussi de multiplier les librairies et les risques conflit entre elles.

Le plugin peut s'utiliser en mode wiki et est non intrusif.

Installation pour DotClear-1.2.7

Pour utiliser le plugin sous 1.2.6 et précédent, il faut commenter ou supprimer la ligne 52 du fichier "index.php" :
dcNonce::form().

Installation pour DotClear-2beta7

Démonstration

  • En mode album photo : Cliquer sur l'une des miniatures

Bete Foret Lac

J'ai aussi fait une version pour la svn de DotClear2, à tester donc :

69 commentaires aucun rétrolien