Plugin DotClear : GalleryInsert

Note : Plugin mis à jour le 06-12-2017 (voir le ChangeLog dans le fichier zip). Merci à mr s-o-m-e-y pour ses coup de pieds au derrière ;-)

ReNote : Pour ceux qui ont des problèmes avec internet explorer et le script galleria une solution a été trouvée par Philippe ici

Voici mon premier plugin pour DotClear 2 : le plugin GalleryInsert !

Présentation

L'objectif de ce plugin est la possibilité d'intégrer une galerie d'image directement dans le message d'un post et non à une place dédiée comme pour les plugin Gallery ou Picture Show.

Pour cela on utilise une balise :: gallery :: directement dans le corps du texte qui va indiquer soit le répertoire à charger (et dans ce cas là toutes les images du répertoires seront affichées), soit une liste d'images via leurs noms.

Exemple 1

La première galerie, située dans l'extrait du post, qui correspond au contenu du répertoire "galerie1" :

  • Bateaux sur l'eau !
  • Le phare des baleines

Pour afficher cette galerie le code utilisé est : :: gallery dir="galerie1"::

Exemple 2

La seconde qui correspond au contenu du répertoire "galerie1/02" :

  • Une famille d'éléphants
  • Le gate of India

Pour afficher cette galerie le code utilisé est : :: gallery dir="galerie1/02"::

Exemple 3

Et enfin la dernière galerie qui correspond a une sélection d'images :

  • Une famille d'éléphants

Pour afficher cette galerie le code utilisé est : :: gallery imgurl='galerie1/02;dsc03937.jpg;img2211.jpg;p1030582.jpg':: où l'on retrouve le répertoire et le nom des images.

Options

On peut également préciser la taille de l'image affichée (via la balise thumb='') mais également la taille de l'image pointée par le lien (via la balise linkto=''). On peut enfin supprimer totalement le lien en précisant linkto='none'.

Toutes ces options sont accessibles par l'interface d'administration à l'écriture d'un billet.

Utilisation

Vous pouvez taper la balise à la main où plus simplement en utilisant l'icône dédiée dans la barre d'outils bt_galleryinsert.png ce qui permet de choisir le répertoire ou les images à intégrer.

GalleryInsert.pngLe titre des images est ignoré s'il se termine par .jpg, .png ou .gif.

Et tout cela n'empêche pas le remplacement des smileys ;) :)

Compatible avec les plugins Picture Title Updater et ColorBox (à tester avec LightBox)

Autres exemples

D'autres fonctionnalités sont disponibles lors de l'intégration d'une galerie.

DivBox

Le script DivBox est intégré au plugin, il n'est pas activé par défaut mais une fois activé dans l'interface d'administration (EXTENSIONS > GalleryInsert) il permet d'ouvrir les images dans un cadre mais également il permet de lire des fichiers multimédiés (vidéos, musiques, etc...).

Voici un exemple de galerie avec fichiers multimédias. La balise est une balise simple, DivBox étant activé pour toutes les galeries.

:: gallery dir='plugins/galleryinsert/divboxtest'::

  • download.zip
  • flash.swf
  • media.wmv
  • music.mp3
  • video.flv
  • video.mp4

Galleria

Le script Galleria est intégré au plugin, il n'est pas activé par défaut mais une fois activé dans l'interface d'administration (EXTENSIONS > GalleryInsert) il permet d'afficher les images sous la forme d'une belle galerie.

Voici un exemple de galleria. La balise contient le mot "galleria".

:: gallery dir='2009/Sardaigne' showmeta galleria::

  • [17mm - f/16 - 1.3s - ISO:100]
  • [17mm - f/3.5 - 1/500s - ISO:100]
  • [21mm - f/7.1 - 1/200s - ISO:100]
  • [10mm - f/9 - 1/80s - ISO:100]
  • [17mm - f/2.8 - 1/10s - ISO:800]
  • [17mm - f/2.8 - 1/30s - ISO:800]
  • [17mm - f/2.8 - 0.6s - ISO:100]
  • [17mm - f/3.5 - 1s - ISO:100]
  • [10mm - f/4 - 1.3s - ISO:100]
  • [17mm - f/3.2 - 1/40s - ISO:800]
  • [17mm - f/2.8 - 1.3s - ISO:100]
  • [17mm - f/5.6 - 1/125s - ISO:100]
  • [17mm - f/8 - 1/250s - ISO:100]
  • [17mm - f/9 - 1/320s - ISO:100]
  • [17mm - f/14 - 1/80s - ISO:100]
  • [17mm - f/6.3 - 1/80s - ISO:100]

jGallery

Le script jGallery est intégré au plugin, il n'est pas activé par défaut mais une fois activé dans l'interface d'administration (EXTENSIONS > jgallery) il permet d'afficher les images sous la forme d'une belle galerie.

Voici un exemple de jgallery. La balise contient le mot "jgallery".

:: gallery dir='2009/Sardaigne' showmeta jgallery::

  • [17mm - f/16 - 1.3s - ISO:100]
  • [17mm - f/3.5 - 1/500s - ISO:100]
  • [21mm - f/7.1 - 1/200s - ISO:100]
  • [10mm - f/9 - 1/80s - ISO:100]
  • [17mm - f/2.8 - 1/10s - ISO:800]
  • [17mm - f/2.8 - 1/30s - ISO:800]
  • [17mm - f/2.8 - 0.6s - ISO:100]
  • [17mm - f/3.5 - 1s - ISO:100]
  • [10mm - f/4 - 1.3s - ISO:100]
  • [17mm - f/3.2 - 1/40s - ISO:800]
  • [17mm - f/2.8 - 1.3s - ISO:100]
  • [17mm - f/5.6 - 1/125s - ISO:100]
  • [17mm - f/8 - 1/250s - ISO:100]
  • [17mm - f/9 - 1/320s - ISO:100]
  • [17mm - f/14 - 1/80s - ISO:100]
  • [17mm - f/6.3 - 1/80s - ISO:100]

Carrousel

Le script tosrus est intégré au plugin (remplace le script jCarousel), il n'est pas activé par défaut mais une fois activé dans l'interface d'administration (EXTENSIONS > GalleryInsert) il permet d'afficher les images sous la forme d'un caroussel d'image.

Voici un exemple de caroussel . La balise contient le mot "carousel".

:: gallery dir='2009/Sardaigne' showmeta carousel::

    • [17mm - f/16 - 1.3s - ISO:100]
    • [17mm - f/3.5 - 1/500s - ISO:100]
    • [21mm - f/7.1 - 1/200s - ISO:100]
    • [10mm - f/9 - 1/80s - ISO:100]
    • [17mm - f/2.8 - 1/10s - ISO:800]
    • [17mm - f/2.8 - 1/30s - ISO:800]
    • [17mm - f/2.8 - 0.6s - ISO:100]
    • [17mm - f/3.5 - 1s - ISO:100]
    • [10mm - f/4 - 1.3s - ISO:100]
    • [17mm - f/3.2 - 1/40s - ISO:800]
    • [17mm - f/2.8 - 1.3s - ISO:100]
    • [17mm - f/5.6 - 1/125s - ISO:100]
    • [17mm - f/8 - 1/250s - ISO:100]
    • [17mm - f/9 - 1/320s - ISO:100]
    • [17mm - f/14 - 1/80s - ISO:100]
    • [17mm - f/6.3 - 1/80s - ISO:100]

Images privées

Il est possible de cacher certaines images par un mot de passe. Afin de définir une image comme privée il faut modifier son titre dans le gestionaire de media et faire commencer son titre par [private].

Ensuite, lors de la création de la galerie il faut définir un mot de passe.

Voici un exemple de galerie privée. La balise contient le mot "private='test'" où "test" sera le mot de passe utilisé pour afficher les images.

:: gallery imgurl='plugins/galleryinsert/galerie1/02;dsc03937.jpg;img2211.jpg' showmeta private='test'::

+ Afficher les images privées

  • Une famille d'éléphants

Mot de passe = 'test'

Lecture des métadonnées

Il est possible d'ajouter des métadonnées aux titres des photos. Pour cela il faut ajouter le mot "showmeta" à la balise.

Commentaires

1. Le samedi, 24 septembre 2011, 23:09 par Tomek

Hop, en ligne sur http://www.monakazu.net/pages/Photo...

un grand merci pour ce plugin très pratique qui va me servir sur d'autres sites.

Je penserai à 2-3 suggestions pour le compléter (à suivre sur le forum), mais il est déjà fonctionnel et très facile à utiliser.

2. Le mardi, 27 septembre 2011, 12:25 par Malko

merci pour ce plugin, je vais sans doute le tester sur mon DC2, j'adore la présentation en petite vignette.

3. Le mercredi, 28 septembre 2011, 13:36 par malko

j'ai pas upgradé ton plugin, je vais le faire, mais je l'ai placé sur mon Dotclear. ça le fait! ça déchire!

http://m1p.fr/9nV

4. Le samedi, 08 octobre 2011, 19:19 par melo

:yes: :^^: :yes: merci beaucoup ca fonctionne du tonnerre !! je vais upgrader puisque j'avais installer la version0.32

encore merci

5. Le lundi, 07 novembre 2011, 03:19 par Kompozitor

Tres bon plugin, il manque cependant une choise fondamentale : des criteres de tri, par date, nom etc...

6. Le dimanche, 20 novembre 2011, 10:42 par Coustoulin

Très bonne idée, simple , de créer des galeries.

J'ai un problème curieux avec : si lightbox est activé sur mon blog, le clic sur une image affiche deux fois le pop up de visualisation. si je désactive lightbox, ça fonctionne.

je suis en 2.4.0 et lightbox en 1.2

7. Le mercredi, 23 novembre 2011, 22:26 par Coustoulin

curieux : j'ai installé le plugin sur mon serveur localhost, et cela me bloque tout dotclear et même tout ce qui est sur le répertoire de dotclear. j'obtiens un message

Erreur 101 (net::ERR_CONNECTION_RESET) : La connexion a été réinitialisée.

dés que je supprime le dossier du plugin, ça refonctionne.

Je suis en windows 7 64b avec Chrome et IE9.
mais sur XP avec chrome ça fonctionne

Mon antivirus est avast! sur les deux configurations

help ?

8. Le vendredi, 02 décembre 2011, 22:09 par Patrick

Bravo pour ce plugin plus qu'utile. Et en plus il fonctionne du 1er coup (ce qui est loin d'être le cas pour nombre de plugin).
Dans le cas d'un multiblog avec plugins centralisés: Faut-il définir des styles pour les vignettes site par site?
Les 3 possibilités données par le plugin pour afficher les photos sont en ligne dans la page donnée en lien.
Or, dans le 1er cas utilisant Divbox, les vignettes se touchent toutes… Ce qui n'est pas top.
Y a-t-il un oubli, ou dois-je styler au cas par cas, selon le thème utilisé pour le site, l'affichage des vignettes ? (le thème MistyLook n'a pas ce problème)
Merci pour ton travail et… Merci pour ta réponse.
Patrick

9. Le dimanche, 17 juin 2012, 22:44 par Gaétan13

Vraiment génial, juste ce dont j'avais besoin !

10. Le vendredi, 14 septembre 2012, 18:47 par angieforever222

Hello !!
J'ai testé le plugin qui est vraiment pratique. Y'en avait pas encore un comme çà. Par contre, lorsque l'on charge une photo dans un dossier dans le gestionnaire de media, cela ne met pas à jour les photos dans le billet. Est ce normal ?

11. Le dimanche, 11 novembre 2012, 11:42 par Thomas

Großartiges Plugin, welches ich immer wieder gerne mal auf meinem Weihnachtsblog einsetze.

12. Le vendredi, 08 novembre 2013, 18:19 par phiphi12

Bonsoir
J'essaie d'installer la version 0.39.
J'ai le message suivant
"Le fichier zip ne semble pas être un fichier de module Dotclear valide."
Tentative sur deux blogs differents (v2.5.1 et v2.6-RC-r2466)
Merci pour votre analyse à venir
Philippe

13. Le samedi, 09 novembre 2013, 19:19 par Tomek

Yep, pareil de mon côté...

14. Le dimanche, 10 novembre 2013, 19:22 par fred

Vous avez raison ! Je pense que ça venait juste du logiciel que j'ai utilisé pour faire les zips... J'ai fais une mise à jour et ça devrait être bon maintenant.
Merci pour vos messages !

15. Le mardi, 12 novembre 2013, 20:34 par phiphi12

Merci
C'est OK maintenant.

16. Le samedi, 23 novembre 2013, 16:58 par bebr

Bonsoir ;
Je suis peut-être un peu pointilleux, mais sur mon blog privé comme sur ton propre blog ici, le diaporama sous forme de gallerie n'est pas centré dans le post comme l'est par contre le carroussel...
Je ne maitrise pas assez le CSS pour faire la correction.
Une idée pour m'aider à règler cela ?
Merci

17. Le mardi, 26 novembre 2013, 10:47 par bebr

Trouvé ! Pour ceux que ça intéresse, il suffit de rajouter une CSS dans le style :

.galleria-container {margin-left: 30px; }

...par exemple.
Merci qui ? ;-)

18. Le jeudi, 28 novembre 2013, 17:49 par caspal

Bonjour, j'ai un bug chez-moi avec Dotclear 2.61 :
Impossible d'afficher les images d'une sélection d'un sous-dossier.
La galerie s'affiche que si on affiche toutes les images du dossier.
Ce problème n'existe pas pour un dossier média au premier niveau.
Avez-vous une solution ?
Merci

19. Le jeudi, 28 novembre 2013, 23:32 par kwon

.galleria-container {margin-left: auto; margin-right: auto;}
Et hop c'est centré ;)

20. Le mardi, 10 décembre 2013, 15:30 par misomosi

Hello,

I hope you understand english.
I installed the plugin in my dotclear (local installation, not public yet - sorry..) and I have some problems with it.

It works well with a few themes from dotaddict. But with most of them it doesn't. Please let me know if it works for you with one of these:

Wjsdark simple
11eleven
Boston

The images appear and they are viewable and clickable but not in a nice galleria as it does when it works properly.

21. Le jeudi, 12 décembre 2013, 21:08 par malko

salut,

je suis passé au responsive Design avec le théme DcBootstrap... les galeries ne s'affichent plus ;-( ...

22. Le vendredi, 13 décembre 2013, 09:14 par fred

Salut ! :-)
@malko: Je pense que ces problèmes viennent de la version de jquery intégrée dans ces thèmes... Il faut que je me penche dessus pour voir pourquoi cela pose problème.
@misomosi : I think it's a problem with the jquery included into those themes... I have to check this

23. Le lundi, 16 décembre 2013, 15:27 par fred

Salut !
J'ai mis à jour le plugin ça devrait être compatible avec plus de thèmes/jquery maintenant.
a+

24. Le mardi, 31 décembre 2013, 10:46 par malko

Super!

Merci Fred pour cette réactivité!

tu peux vérifier le résultat de ton travail:
http://blog.bretagne-balades.com/in...

Bonne année!

25. Le mardi, 31 décembre 2013, 15:26 par Marianne

Merci Fred !
Je ne comprenais pas pourquoi ça ne fonctionnait pas chez moi (thème adapté de Ductile) et j'avais commencé à faire des recherches du coté de Galleria sans succès.
Ça marche du tonnerre maintenant !
Passe de joyeuses fêtes !

26. Le mardi, 23 septembre 2014, 09:25 par Guillaume

Bonjour,

J'utilise avec succès ce plugin sur deux blogs.
Hier, installation sur le blog de mon père, lui aussi en Dotclear. Problème, sur Chrome et Firefox, pas de souci, la galerie en mode Galleria fonctionne, mais pas sur Internet Explorer. Alors que sur mes blogs, ça marche sur IE.
Une explication ?

27. Le samedi, 27 septembre 2014, 17:40 par Denis

L'image Next ne s'affiche pas, y compris sur ce blog.
Je suis en dotclear 2.5.0.

28. Le samedi, 27 septembre 2014, 18:36 par Denis

Avec la gallerie j'avais un problème de bord 1px gris qui s'affichait et un décalage. C'était à cause du thème ductile qui présente les images de cette façon.
Pour supprimer le bord uniquement dans la gallerie j'ai modifié le css pour supprimer le border et le padding:
.galleria-container img {
border: none;
padding:0;
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}

29. Le jeudi, 02 octobre 2014, 10:52 par i_love_dc

bonjour je suis un utilisateur de votre SUPERBE plugin GalleryInsert, je vous appel en désespoir de cause, en effet votre plugin a l'heure actuelle ne semble plus compatible avec INTERNET EXPLORER 11 (les images ne zoom plus, ni de défilent plus)

je vous appel à l'aide car votre plugin est LE SEUL plugin disponible pour dotclear et le seul du genre...

Cordialement

30. Le jeudi, 02 octobre 2014, 20:19 par fred

Pour ceux qui ont des problèmes avec internet explorer et le script galleria une solution a été trouvée par Philippe ici :
http://forum.dotclear.org/viewtopic...

31. Le lundi, 26 janvier 2015, 10:12 par Jean-Philippe Mary

Bonjour,
GalleryInsert semble ne plus être compatible avec la dernière version de Dotclear (2.7.3). L'icône de GalleryInsert n'apparait plus dans la barre d'outils lors de la création d'un nouveau billet.
Auriez-vous une solution ?
Merci.

32. Le lundi, 26 janvier 2015, 15:31 par Jean-Philippe Mary

Au sujet de la compatibilité de GalleryInsert avec la dernière version de Dotclear, j'ai trouvé une réponse partielle : en fait, GalleryInsert n'est pas compatible avec dcCKEditor (plugin de mise en forme du texte dans les billets), mais il l'est avec dcLegacyEditor (plugin un peu moins convivial). Nous attendons donc une nouvelle version de GalleryInsert, car c'est vraiment un super outil.

33. Le jeudi, 19 mars 2015, 11:23 par Fred

Bonjour

Je viens de découvrir ce très bon plugin. Je m'en sers sur un blog de généalogie pour présenter des documents : un billet par famille contenant une 'gallery' présentant les scans des documents (ex : faire-part de décès de la famille X).

J'utilise la présentation "standard" (pas de divbox ou autre).

À mon goût, il manque une option qui permettrait de mettre le titre sous la miniature. De la sorte, on pourrait se repérer facilement.

Merci d'avance.

34. Le mercredi, 01 juillet 2015, 23:57 par maelie

Bonjour!
Je viens d'installer la version 2.75 de dotclear et je voulais ajouter votre plugin pour la galleria... Je comprend que le plugin fonctionne seulement au format wiki.
Par contre, comment se fait-il que ma page apparaisse juste avec une liste de photo et pas du tout en forme comme sur votre site?

Merci de votre aide.
M.

35. Le vendredi, 27 novembre 2015, 15:16 par Gregoire durrens

Bonjour,

Merci pour cet excellent plug-in.
Même chose que le message précédent. Depuis que j'ai mis à jour dotclear (aujourd'hui) Galleria ne fonctionne plus et j'ai tout simplement une liste d'image dans mon post.

Merci,
G.

36. Le samedi, 13 février 2016, 18:32 par Amy

Je complète les deux précédents post : sans mise à jour de dotclear, mais avec la mise à jour de la dernière version du plugin, j'ai aussi constaté une disparition de la galeria ou du carousel.

Et avec la dernière version de dotclear, c'est la même chose.

Au final, il n'y a plu qu'un étalage des images :(

37. Le samedi, 13 février 2016, 18:52 par fred

A tous ceux qui ont des problèmes.

Assurez vous dans un premier temps que vous faites bien appel a une version récente de jquery dans votre thème.

Voir la solution proposée par Philippe -ici-

38. Le lundi, 06 février 2017, 09:18 par i_love_dc

Bonjour fred

je te contacte pour te signaler un problème du plugin avec le HTTPS voir ici http://forum.dotclear.org/viewtopic...

et egalement pour te signaler que galleria est passé a la version 1.5.1. (ton plugin emporte la 1.4.2)
https://galleria.io/get-started/

En espérant une prochaine mise à jour.

Cordialement

39. Le lundi, 06 février 2017, 09:18 par i_love_dc

Bonjour fred

je te contacte pour te signaler un problème du plugin avec le HTTPS voir ici http://forum.dotclear.org/viewtopic...

et egalement pour te signaler que galleria est passé a la version 1.5.1. (ton plugin emporte la 1.4.2)
https://galleria.io/get-started/

En espérant une prochaine mise à jour.

Cordialement

40. Le dimanche, 11 février 2018, 18:01 par Cococo la flèche

Merci pour ce superbe plugin !
Si le plugin ne fonctionne pas avec votre thème, ajoutez-y dans le head : {{tpl:include src="_head.html"}}

Ajouter un commentaire

Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées.

:-) ;-) :-/ :-| LOL :-D :( :-C 8-) :-o ;-( 8-O

La discussion continue ailleurs

URL de rétrolien : http://f.montin.free.fr/MULTIBLOG/blog-photos-fred/index.php?trackback/100

Fil des commentaires de ce billet