PluXml.org

Blog ou CMS à l'Xml

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

#1 04/12/2011 17:58:51

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

[PLUGIN] plxCaroufredsel : un diaporama où vous voulez

Bonjour,

Je viens d'écrire un plugin permettant d'afficher un diaporama dans le corps d'un article, des articles de la page d'accueil ou d'une page statique.

L'utilisation d'un dossier par utilisateur est prévue si l'option est activée dans pluxml.

Les options sont modifiables de même que le css intégré.

L'archive est disponible ici

Il faut installer également le plugin zoombox pour avoir un effet d'agrandissement des images.

Si vous souhaitez voir le rendu, vous pouvez visiter ce site.

Une aide en ligne décrit comment l'utiliser.

Enjoy.

/*****************************
Change log
/*****************************

04/12/2011 : version 1.0
04/12/2011 : version 1.1
        - correction des méthodes plxMotorParseArticle et caroufredselFooter
07/12/2011 : version 1.2
        - correction bug sur safari et chrome
        - correction css
        - ajout de l'affichage ou non des boutons prev/next
        - ajout de l'option gallery si zoombox est utilisé
14/02/2012 : version 1.3
        - correction de l'affichage sur les pages "categorie"
        - tri et affichage des images par ordre alphabétique
        - ajout d'un hook en pied de page pour l'affichage des paramètres de chaque diaporama

Dernière modification par Jerry Wham (28/01/2014 13:12:52)


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#2 04/12/2011 18:17:21

Stéphane
Consultant PluXml
Lieu : pas loin de Toulouse
Inscription : 07/08/2007
Messages : 6 290
Site Web

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

Bonjour

attention a bien vérifier l'initialisation des variables

Notice: Undefined index: cfsel in C:\EasyPHP-5.3.8.1\www\pluxml\core\lib\class.plx.motor.php(643) : eval()'d code on line 2

Notice: Undefined index: width in C:\EasyPHP-5.3.8.1\www\pluxml\core\lib\class.plx.motor.php(643) : eval()'d code on line 3

Notice: Undefined index: height in C:\EasyPHP-5.3.8.1\www\pluxml\core\lib\class.plx.motor.php(643) : eval()'d code on line 4

Notice: Undefined index: direction in C:\EasyPHP-5.3.8.1\www\pluxml\core\lib\class.plx.motor.php(643) : eval()'d code on line 5

Notice: Undefined index: infinite in C:\EasyPHP-5.3.8.1\www\pluxml\core\lib\class.plx.motor.php(643) : eval()'d code on line 6

Notice: Undefined index: auto in C:\EasyPHP-5.3.8.1\www\pluxml\core\lib\class.plx.motor.php(643) : eval()'d code on line 7

Notice: Undefined index: cfauthor in C:\EasyPHP-5.3.8.1\www\pluxml\core\lib\class.plx.motor.php(643) : eval()'d code on line 8

Notice: Undefined index: cfartId in C:\EasyPHP-5.3.8.1\www\pluxml\core\lib\class.plx.motor.php(643) : eval()'d code on line 9

une coquille dans le fichier d'aide:
à la fin des lignes de code à ajouter il faut mettre ; ?> il manque le ?

petit conseil pour les développeurs, dans le fichier config.php, mettez en commentaire la ligne suivante
//error_reporting(E_ALL ^ E_NOTICE);
cela permettra de voir les warnings et/ou notice qui sont masqués


Ancien responsable de PluXml  cool

Hors ligne

#3 04/12/2011 18:23:01

Stéphane
Consultant PluXml
Lieu : pas loin de Toulouse
Inscription : 07/08/2007
Messages : 6 290
Site Web

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

dans la fonciton plxMotorParseArticle de ton plugin

remplace les lignes du genre

\$art['cfsel'] = plxUtils::getValue(\$values[\$iTags['cfsel'][0]]['value']);

par

$cfsel =  plxUtils::getValue(\$iTags['cfsel'][0]);
\$art['cfsel'] = plxUtils::getValue(\$values[$cfsel]['value']);

Ancien responsable de PluXml  cool

Hors ligne

#4 04/12/2011 18:23:23

bg62
Membre
Inscription : 18/05/2007
Messages : 1 789
Site Web

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

superbe l'effet !!!
pour ceux qui veulent voir :
http://www.ecyseo.com/article5/utiliser-tcpdf-avec-yii
(cliquez sur la vignette ...)
et si il pouvait également gérer des galeries, alors là ce serait "top" !
wink


le 'www' est fait pour communiquer et échanger, non ?
fonds d'écran   | référencement efficace | Portfolio | Fonds d'écran automobile | outils SEO | échange de liens en dur

Hors ligne

#5 04/12/2011 19:12:10

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

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

@bg62 : Tu te trompes. Ce n'est pas un diaporama mais l'effet zoombox. Je n'ai pas encore mis d'exemple en ligne (pas eu le temps).

@Stéphane: Merci pour les corrections. Je modifie ça tout de suite. (edit) j'ai rien dit. (/edit).
En ce qui concerne les erreurs php, je les suis avec le fichier log du serveur.

Dernière modification par Jerry Wham (04/12/2011 19:18:47)


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#6 04/12/2011 19:38:40

bg62
Membre
Inscription : 18/05/2007
Messages : 1 789
Site Web

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

Jerry Wham a écrit :

@bg62 : Tu te trompes. Ce n'est pas un diaporama mais l'effet zoombox. Je n'ai pas encore mis d'exemple en ligne (pas eu le temps).

ben donc : c'est bien l'effet zoombox et le 'diaporama'  (voire même une galerie) vont certainement donner de 'super plugins' également wink


le 'www' est fait pour communiquer et échanger, non ?
fonds d'écran   | référencement efficace | Portfolio | Fonds d'écran automobile | outils SEO | échange de liens en dur

Hors ligne

#7 04/12/2011 20:45:04

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

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

Voici les corrections : archive ici.

Modification de la fonction plxMotorParseArticle et de la fonction caroufredselFooter.

@Stéphane :
J'ai suivi ce que tu m'as conseillé mais j'ai modifié quelque peu car il y avait une erreur de syntaxe. J'ai mis

\$cfsel =  plxUtils::getValue(\$iTags['cfsel'][0]);
\$art['cfsel'] = plxUtils::getValue(\$values[\$cfsel]['value']);

Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#8 04/12/2011 21:17:52

Stéphane
Consultant PluXml
Lieu : pas loin de Toulouse
Inscription : 07/08/2007
Messages : 6 290
Site Web

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

effectivement il faut \$cfsel au lieu de $cfsel


Ancien responsable de PluXml  cool

Hors ligne

#9 05/12/2011 04:16:14

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

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

@bg62 : Je viens de mettre un site en ligne qui utilise le diaporama. Tu peux te balader pour voir ce que ça donne...

Enjoy. smile

Dernière modification par Jerry Wham (05/12/2011 04:16:57)


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#10 05/12/2011 13:08:42

bg62
Membre
Inscription : 18/05/2007
Messages : 1 789
Site Web

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

Jerry Wham a écrit :

@bg62 : Je viens de mettre qui utilise le diaporama. Tu peux te balader pour voir ce que ça donne...

Enjoy. smile

pas mal du tout ... seule chose si je clique sur une image je ne peux pas aller sur les autres à partir de celle-ci wink
sinon sacré rendu ...


le 'www' est fait pour communiquer et échanger, non ?
fonds d'écran   | référencement efficace | Portfolio | Fonds d'écran automobile | outils SEO | échange de liens en dur

Hors ligne

#11 07/12/2011 03:16:31

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

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

Je viens de corriger le plugin car il faisait bugguer le site sur les navigateurs utilisant webkit (chrome et safari). J'ai également modifié un peu le css car je m'étais trompé dans le chemin vers le images des boutons.
Enfin, j'ai ajouté la possibilité d'afficher ou de ne pas afficher les boutons prev et next.

Vous pouvez télécharger l'archive sur mon site.

Enjoy.

Dernière modification par Jerry Wham (07/12/2011 03:17:22)


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#12 08/12/2011 01:36:58

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

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

pas mal du tout ... seule chose si je clique sur une image je ne peux pas aller sur les autres à partir de celle-ci wink
sinon sacré rendu ...

Merci. Je viens de le modifier. Si zoombox est installé, tu pourras te balader entre les images "ouvertes".
Il faudra peut-être enlever l'option gallery de zoombox si les images sont trop petites.


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#13 02/01/2012 12:59:00

Rohirrim
Membre
Inscription : 01/10/2010
Messages : 160

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

bonjour, je viens d'installer le carrousel; dans le principe ça va (install du carrousel ou je veux, etc...) mais l'effet "zoombox" ne fonctionne pas... quand je clique sur une image, elle s'affiche en lieu et place du site, sans le joli effet recherché...

je suis en 5.1.5
ah ! un mieux...
(edit) effectivement si je ne mets pas zoombox dans le site, l'effet ne fonctionne pas - il faut le plugin + zoombox dans le dossier plugin de pluxml - ... maintenant que zoombox est implémenté, ça marche ! MAIS, les images "miniatures" sont en double dans la fenetre de l'effet (pour une galerie de 2 images, j'ai 4 miniatures...) (/edit)

Dernière modification par Rohirrim (02/01/2012 13:49:47)

Hors ligne

#14 02/01/2012 15:22:16

k610i
Membre
Lieu : Paris
Inscription : 07/11/2011
Messages : 323
Site Web

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

As-tu installé le plugin jquery ?


> Mon site de test PluXml feukya.free.fr
> Mon blog-portfolio : kaysix.fr
> Qui suis-je : abomont.fr

Hors ligne

#15 02/01/2012 16:39:56

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

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

Rohirrim a écrit :

bonjour, je viens d'installer le carrousel; dans le principe ça va (install du carrousel ou je veux, etc...) mais l'effet "zoombox" ne fonctionne pas... quand je clique sur une image, elle s'affiche en lieu et place du site, sans le joli effet recherché...

je suis en 5.1.5
ah ! un mieux...
(edit) effectivement si je ne mets pas zoombox dans le site, l'effet ne fonctionne pas - il faut le plugin + zoombox dans le dossier plugin de pluxml - ... maintenant que zoombox est implémenté, ça marche ! MAIS, les images "miniatures" sont en double dans la fenetre de l'effet (pour une galerie de 2 images, j'ai 4 miniatures...) (/edit)

Il faut installer également le plugin zoombox. Les prérequis des plugins n'étant pas encore pris en compte, je ne l'ai pas indiqué. Mais il faudrait que je le fasse dès que j'aurai un peu de temps.


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#16 15/02/2012 23:32:40

Rohirrim
Membre
Inscription : 01/10/2010
Messages : 160

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

bonjour, je rebondis toujours, car j'ai toujours mon soucis; a l'interieur de la zoombox, j'ai la même vignette qui apparait deux fois.... et ça empiète grave sur l'image...

sans doute faut-il modifier un paramètre dans les fichiers zoombox, mais lequel...

merci d'avance

un exemple là > http://www.ecuriedesgrandesplaines.fr/s … tructures#

Hors ligne

#17 16/02/2012 23:04:42

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

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

Solution 1 :
- Dans le plugin zoombox, mets le parametre gallery à false (il faut modifier directement le fichier zoombox.php dans le plugin, je n'ai pas eu le temps de faire un panneau de configuration. J'essaierai de m'y coller ce week-end). Cela évitera l'affichage des miniatures lors de l'agrandissement des images. Les images resteront liées les unes aux autres malgré tout. Cela n’empêchera donc pas de naviguer de l'une à l'autre.
Solution 2 :
- Télécharge la mise à jour de zoombox. La css a été modifiée pour que les miniatures s'affichent en dehors de la photo.

L'affichage en double vient du fait qu'il n'y a que deux images dans le diaporama et que leur largeur ne permet pas de remplir la div qui contient le diaporama. Le plugin les double pour combler le "trou".

Petite suggestion, utilise cette version mise à jour de plxCaroufredsel. Elle permet d'afficher les diaporamas dans les pages "categorie" et les images sont affichées par ordre alphabétique.

N'oublie pas également d'appeler les hooks dans les pages. Modification par rapport aux autres versions : il faut appeler un hook dans le pied de page.

<script type="text/javascript">
          /* <![CDATA[ */
          <?php eval($plxShow->callHook('caroufredselFooter'));?>
/* !]]> */
</script>

Sinon, sympa ton site ;-)

EDIT : j'ai oublié de dire de mettre l'appel de hook entre des balises javascript pour que ça fonctionne (voir code modifié ci-dessus)

Dernière modification par Jerry Wham (26/02/2012 13:21:15)


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#18 17/02/2012 17:03:55

Rohirrim
Membre
Inscription : 01/10/2010
Messages : 160

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

ouahh ! super ; ça marche nickel ! nouvelle version de zoombox et de plxcaroufredsel et tout se remet d'aplomb (avec les explications de jerry wham qui vont bien...

ps : le paramètre à modifier est dans le fichier zoombox.php, dans le dossier "zoombox" qui est dans votre dossier "plugin" de pluxml ; il ne faut pas toucher au plugin plxcaroufredsel.

dans ce même fichier zoombox.php, on peut aussi choisir le look du zoombox, aux lignes 59 à 66 ...

Hors ligne

#19 19/02/2012 11:25:58

jmtb
Membre
Inscription : 19/02/2012
Messages : 9

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

Bonjour à tous,

J'ai du loupé quelque chose à 'installation et l'utilisation du plugin;
-J'utilise la version 1.3
-j'ai installé JQuery
-j'ai installé zoombox
et mon problème est le suivant, toutes les photos s'affichent simultanément dans mon article?
La je sèche et n'ai pas les compétences nécessaires pour régler le problème.

Merci de votre aide. JM

Hors ligne

#20 19/02/2012 20:43:04

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

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

Est-ce que tu as mis les appels de hook dans les fichiers de ton thème ?
Lit l'aide du plugin plxcaroufredsel disponible dans la page des plugins.


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#21 20/02/2012 00:30:39

jmtb
Membre
Inscription : 19/02/2012
Messages : 9

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

J'ai bien mis les appels, les images s'affichent, le zoombox fonctionne.
Je pense que cela vient du fait que mon site n'est pas à la racine, j'en déduit que c'est une erreur de chemin?
Je chercherais demain.

Hors ligne

#22 21/02/2012 15:29:51

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

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

Si les images s'affichent, ce n'est pas une erreur de chemin mais plus de javascript. Est-ce que tu peux nous mettre un lien vers la page incriminée pour que je puisse voir le code et essayer de t'aider?
A mon avis, il doit manquer le hook du pied de page.


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#23 25/02/2012 11:53:47

jmtb
Membre
Inscription : 19/02/2012
Messages : 9

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

bonjour,

j'ai tenté avec le hook en pied de page mais toujours aucun résultats, alors comme tu me le demande je te met le lien de la page en question.

http://199.16.131.116/~dmifr/garage/ind … u-occasion

Hors ligne

#24 26/02/2012 13:19:01

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

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

C'est ma faute, j'ai oublié de dire de mettre l'appel de hook entre des balises javascript du style :

<script type="text/javascript">
          /* <![CDATA[ */
          <?php eval($plxShow->callHook('caroufredselFooter'));?>
/* !]]> */
</script>

HS : vraiment bien ton site. Il ne reste plus qu'à mettre une favicon qui va bien :-)
Attention aux droits sur l'image de localisation du garage. Je ne pense pas que le géant américain te permette de faire ça. Si tu veux juste une image statique, tourne toi plutôt vers les solutions libres comme OpenStreet map et consorts.

Dernière modification par Jerry Wham (26/02/2012 13:27:30)


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#25 21/12/2012 21:11:49

PatrickB
Membre
Lieu : Saint-Brieuc
Inscription : 12/11/2012
Messages : 8
Site Web

Re : [PLUGIN] plxCaroufredsel : un diaporama où vous voulez

Bonsoir tout le monde,
J'ai donc essayé ce plugin, mais problème rien ne s'affiche.
Bon, n'étant pas un pro, j'ai dû oublier quelque chose.
1°) installation et activation du module: ok
2°) j'ai ajouté le code dans le footer, puisque version 1.3
3°) et c'est là que ça cloche, dans l'aide, il est dit: "Pour afficher un diaporama dans un article, il faut ajouter, dans la page article.php du thème choisi, l'appel du hook suivant :

    <?php  eval($plxShow->callHook('caroufredselArticle'));?>
mais c'est où ? à l'emplacement où je désire placer le carrousel ?
Si c'est ça, voilà ce qui s'affiche: callHook('caroufredselArticle'));?>
Merci pour votre aide.
Au plaisr de vous lire.

Hors ligne

Pied de page des forums

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