PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 09/09/2013 11:31:09

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

[SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

spxlightbox 1.1

spx_lightbox2.jpg

Intègre 3 lightbox à votre pluxml : swipebox, prettyphoto, zoombox. Vous pouvez choisir le lightbox selon les supports.

Choix de la lightbox avec configuration :
- swipebox, prettyphoto, zoombox

lightbox activée sur sortie :
- article (oui / non)
- pages statique (oui /non)

Choix des Lightbox selon les supports :

  • Téléphones (<768px)

  • Tablets (≥768px)

  • Desktops (≥992px)

  • Desktops (≥1200px)


activation de la lightbox sur des liens :
liens vers une image :
<a href="monimage.jpg">...</a>

activation de la lightbox sur des images isolées éditées dans spxtynimce (>=1.4) :
Une image :
<img src="data/image1.jpg" width="180" height="68" data-spxtynimce="true">
devient un lien lightbox :
<a href="data/images/Penguins.jpg" data-spxlighbox="true">
    <img src="data/images/Penguins.jpg" alt="Penguins" width="600" height="449" data-spxtynimce="true">
</a>

activation de la lightbox sur liens videos
<a href="http://www.youtube.com/watch?v=uURN5adFFpk" >youtube</a>
<a href="http://vimeo.com/62169227">vimeo</a>


Téléchargement 1.1 ici


Historique :

version 1.0 (21/11/2014)
+ [OPT] optimisation du chargement des librairies
+ [ADD] add fresco lib

version 1.0 (11/01/2013)
+ [BUG] social link, quote...

version 0.9 (23/10/2013)
+ [BUG] fix regex pour protéger lien avec image (pas de duplication de <a>)

version 0.8 (22/10/2013)
+ [BUG] fix librairy jquery

version 0.7 (21/10/2013)
+ [BUG] instance pretty photo sans la virgule à la fin (internet explorer n'a pas aimé)
+ [BUG] change dans zoombox la detection internet exlorer pour version jquery >= 1.9 ($.browser.msie n'existe plus dans jquery >=1.9)

version 0.6 (20/10/2013)
+ sortie

Dernière modification par je-evrard (16/08/2015 11:06:07)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

#2 09/09/2013 12:38:24

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 555
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Je ne pense pas que ce soit nécessaire de laisser le choix entre class et rel. Il vaut mieux je pense, utiliser une classe qui sera toujours valide pour le w3c.

HS : un paramétrage, c'est masculin. On dit donc un paramétrage GLOBAL. Je sais que par les temps qui courent, on essaie de lisser les différences homme/femme et que l'orthographe ne signifie plus rien, mais je suis de la vieille école et lire ça sur le net me pique à chaque fois les yeux...


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#3 09/09/2013 13:34:08

P3ter
Responsable de PluXml
Lieu : Ile De France
Inscription : 17/10/2011
Messages : 295
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Effectivement ça existe, mais ton plugin serait plus complet et "modulable". Donc très intéressant :-)


Responsable de PluXml
PluXml sur Twitter : @pluxml
Mon Twitter : @p3terfr - Mon blog : p3ter.fr

Hors ligne

#4 09/09/2013 15:07:45

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Dire que mon fiston est excellent en ortographe !!!  smile

Sinon si vous avez des remarques... Ne pas hésiter, c'est le moment, je suis dedans. Livraison ce week end normallement.

Dernière modification par je-evrard (09/09/2013 15:08:46)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

#5 09/09/2013 17:01:47

Gzyg
Membre
Inscription : 25/09/2006
Messages : 879
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Pour avoir intégré swipebox sur un autre CMS, je valide totalement ce choix en tant que plugin pour PluXml ! smile


à plus,

Gzyg

Dernière modification par Gzyg (09/09/2013 17:02:08)

Hors ligne

#6 18/09/2013 08:30:05

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Un peu de retard. Patience. Pas toujours facile la vie.


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

#7 18/09/2013 10:26:27

Suricat
Membre
Inscription : 26/05/2011
Messages : 145

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

L'idéal serait que swipebox soit activé si le visiteur utilise un Smartphone/Tablette, et que prettyphoto ou zoombox soit activé sinon (pour qu'on sorte du zoom avec un seul clic en dehors du cadre).

Hors ligne

#8 18/09/2013 10:27:40

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Je note cette option. merci.


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

#9 18/09/2013 11:17:11

P3ter
Responsable de PluXml
Lieu : Ile De France
Inscription : 17/10/2011
Messages : 295
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Suricat a écrit :

L'idéal serait que swipebox soit activé si le visiteur utilise un Smartphone/Tablette, et que prettyphoto ou zoombox soit activé sinon

+1 c'est une bonne idée d'option à proposer dans l'admin du plugin ;-)


Responsable de PluXml
PluXml sur Twitter : @pluxml
Mon Twitter : @p3terfr - Mon blog : p3ter.fr

Hors ligne

#10 18/09/2013 15:04:06

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Ce sera fait dans les options.

Je ferais un tableau d'activation des lightbox selon le media query.

Dernière modification par je-evrard (18/09/2013 15:23:51)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

#11 27/09/2013 18:49:37

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Presque terminée...


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

#12 04/10/2013 16:38:45

aruhuno
Membre
Lieu : Claye-Souilly (77)
Inscription : 13/07/2011
Messages : 268
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Courage !


"Parce que la connaissance appartient à tout le monde...", Inios.

Hors ligne

#13 20/10/2013 19:35:06

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Sortie de la version de test.  smile  (enfin une version)

Dernière modification par je-evrard (20/10/2013 19:35:32)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

#14 21/10/2013 16:16:07

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

version 0.7 (21/10/2013)
+ [BUG] instance pretty photo sans la virgule à la fin (internet explorer n'a pas aimé)
+ [BUG] change dans zoombox la detection internet exlorer pour version jquery >= 1.9 ($.browser.msie n'existe plus dans jquery >=1.9)

Dernière modification par je-evrard (21/10/2013 19:06:49)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

#15 22/10/2013 14:25:17

P3ter
Responsable de PluXml
Lieu : Ile De France
Inscription : 17/10/2011
Messages : 295
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Bonjour,

Je teste ton plugin en 0.7.
Faut-il utiliser spxtynimce pour que spxlightbox fonctionne ? Car j'utilise plxEditor et bien que le plugin ajoute les balises <a>...</a> sur les balises <img>...</img> de mes articles, la lightbox ne s'ouvre pas, et l'image s'affiche seul dans la page.


Responsable de PluXml
PluXml sur Twitter : @pluxml
Mon Twitter : @p3terfr - Mon blog : p3ter.fr

Hors ligne

#16 22/10/2013 14:38:49

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Hello,

Merci pour le test déja.

Pour les images seules:
- Tu dois utiliser la dernière version de spxtynimce (1.4)  Tu dois réenregister tes articles avec spxtynimce et tester.

Pour les liens : <a href="data/monic2.jpg">test</a>
- Normallement ça marche bien.

Je peux regarder ton site en ligne pour checker les erreurs ? Regarde dans la console aussi stp à mon avis il y a une erreur javascript. Desactive tous les plugins sauf spxlightbox et spxtynimce pour voir.

a+

Dernière modification par je-evrard (22/10/2013 15:11:12)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

#17 22/10/2013 20:32:26

PPmarcel
Membre
Lieu : Île-de-France
Inscription : 21/06/2010
Messages : 260
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Salut je-evrard,

Il m'a l'air super ton plugin ! En revanche, tout comme P3ter je n'utilise pas spxtynimce. Personnellement je n'aime pas trop les éditeurs WYSIWYG, leur préférant un langage ou un code plus rigoureux.

Est-ce qu'il n'y a vraiment aucun moyen de s'affranchir de spxtynimce, en indiquant un classe particulière par exemple ? J'ai tenté un truc du genre, mais cela n'a pas marché :

[== HTML ==]
<a href="data/images/escalier-petit-palais.jpg" data-spxlightbox="true"><img src="data/images/escalier-petit-palais.jpg" alt="escalier-petit-palais-1" width="262" height="500" data-spxtynimce="true" /></a>

Hors ligne

#18 22/10/2013 20:47:53

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Hello

PPmarcel a écrit :

Est-ce qu'il n'y a vraiment aucun moyen de s'affranchir de spxtynimce, en indiquant un classe particulière par exemple ? J'ai tenté un truc du genre, mais cela n'a pas marché :

Tu peux me montrer le lien en ligne que je regarde stp ?

Tu as essaye juste avec ça : <img src="data/images/escalier-petit-palais.jpg" alt="escalier-petit-palais-1" width="262" height="500" data-spxtynimce="true" />

Dernière modification par je-evrard (22/10/2013 20:48:11)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

#19 22/10/2013 20:54:58

PPmarcel
Membre
Lieu : Île-de-France
Inscription : 21/06/2010
Messages : 260
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Voici l'URL :

http://blog.maoli.fr/test

Je suppose qu'il y a une réécriture qui s'opère à la volée avec l'outil de rédaction. En ayant un exemple d'image utilisant ton plugin, ça me donnerais un indice sur ce qu'il faut faire figurer au final.

Hors ligne

#20 22/10/2013 21:32:03

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Ok je viens de comprendre j'ai fait une boulette je fais une nouvelle version dans 5 minutes !!!


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

#21 22/10/2013 21:37:03

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Voila la 0.8 qui devrait corriger ton soucis.


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

#22 22/10/2013 23:28:12

PPmarcel
Membre
Lieu : Île-de-France
Inscription : 21/06/2010
Messages : 260
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Précisément, ça corrige le schmilblick ! Merci. smile

Hors ligne

#23 23/10/2013 09:21:59

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

P3ter a écrit :

Je teste ton plugin en 0.7.
Faut-il utiliser spxtynimce pour que spxlightbox fonctionne ? Car j'utilise plxEditor et bien que le plugin ajoute les balises <a>...</a> sur les balises <img>...</img> de mes articles, la lightbox ne s'ouvre pas, et l'image s'affiche seul dans la page.

la version 0.8 devrait corriger ton problème


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

#24 23/10/2013 12:26:56

P3ter
Responsable de PluXml
Lieu : Ile De France
Inscription : 17/10/2011
Messages : 295
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

Arf toujours le même soucis.
J'ai supprimer le plugin, installé et activé la nouvelle version.
J'ai ensuite créé un article (j'utilise toujours plxEditor) avec 2 miniatures + un lien vers l'image complète.

Je t'envoie en MP de quoi accéder à mon site de dev.


Responsable de PluXml
PluXml sur Twitter : @pluxml
Mon Twitter : @p3terfr - Mon blog : p3ter.fr

Hors ligne

#25 23/10/2013 14:07:21

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 205
Site Web

Re : [SPXLIGHTBOX] lightbox swipebox, prettyphoto, zoombox

ok merci P3ter


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Visual Wizard - facebook vw

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2018 PluXml.org, tous droits réservés