PluXml.org

Blog ou CMS à l'Xml

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

#1 03/05/2012 01:20:37

maxime71
Membre
Lieu : Saone et Loire
Inscription : 29/01/2012
Messages : 18

[plugin] Slideshow avec texte basé sur s3slider

Bonsoir, voici mon premier plugin wink il a surement encore quelques bugs (dont 2 connus) mais j'arrête de bosser pour ce soir !

Ce plugin permet de réaliser un slideshow qui peut afficher le titre ainsi qu'une description de l'image si vous le souhaitez. Dans cette description vous pouvez également ajouter des liens html pour par exemple afficher un 'Lire la suite'... Les images peuvent très bien venir de sources externes à votre site car il suffit dans l'administration du plugin d'indiquer son URL.



Version : 0.1b (beta)
Bug connus :
- Taille du bloc texte gauche (et surement droit) quand c'est trop grand
- Admin : la position du texte est écrit en anglais.
Version : 1.0b (beta)
Changelog ici (#24)
Pour la prochaine version je compte ajouter un lien vers la page des medias wink


Pour en savoir plus
La démonstration en ligne
Téléchargeable ici wink (version 1.0b)

Dernière modification par maxime71 (08/05/2012 16:26:59)

Hors ligne

#2 03/05/2012 16:56:06

bankai
Pluxml Forever :)
Lieu : Saint-Pierre-la-cour
Inscription : 06/02/2011
Messages : 611
Site Web

Re : [plugin] Slideshow avec texte basé sur s3slider

En voici un plugin intéressant, je vais suivre cela avec plaisir smile


Mon site web : Mon blog tout simplement avec sa version de pluXml : version dev Github
Un soucis, une angoisse, une question ? le Wiki est là pour tous ici, pour le reste, on est là pour ça :-)
Suivre PluXml sur les réseaux sociaux : Google+ Twitter

Hors ligne

#3 04/05/2012 13:03:57

maxime71
Membre
Lieu : Saone et Loire
Inscription : 29/01/2012
Messages : 18

Re : [plugin] Slideshow avec texte basé sur s3slider

Yop, voilà je viens de mettre une page de démo pour ceux qui veulent avoir un aperçu -> http://www.milletmaxime.net/pluxml/inde … how-pluxml

Mais j'aimerais bien aussi avoir un petit test de quelqu'un pour voir si ça marche ailleurs que chez moi wink

Hors ligne

#4 04/05/2012 13:50:53

bankai
Pluxml Forever :)
Lieu : Saint-Pierre-la-cour
Inscription : 06/02/2011
Messages : 611
Site Web

Re : [plugin] Slideshow avec texte basé sur s3slider

Je vais testé cela dans la journée smile


Mon site web : Mon blog tout simplement avec sa version de pluXml : version dev Github
Un soucis, une angoisse, une question ? le Wiki est là pour tous ici, pour le reste, on est là pour ça :-)
Suivre PluXml sur les réseaux sociaux : Google+ Twitter

Hors ligne

#5 04/05/2012 14:10:36

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

Re : [plugin] Slideshow avec texte basé sur s3slider

ouais ....  smile
plus qu'intéressant !!!
et bienvenue sur PluXml ....

Dernière modification par bg62 (07/05/2012 10:43:30)


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

#6 06/05/2012 22:27:56

maxime71
Membre
Lieu : Saone et Loire
Inscription : 29/01/2012
Messages : 18

Re : [plugin] Slideshow avec texte basé sur s3slider

Alors bankai, tu as testé ? smile

Hors ligne

#7 06/05/2012 22:52:54

brar2010
Membre
Lieu : AGADIR
Inscription : 21/08/2011
Messages : 132
Site Web

Re : [plugin] Slideshow avec texte basé sur s3slider

merci !! c'est un plugin intéressant


--------------------
Palestine souffre


Je suis la http://www.yanplus.eb2a.com/

Hors ligne

#8 07/05/2012 00:25:08

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

Re : [plugin] Slideshow avec texte basé sur s3slider

Je vais tester mais j'ai déjà une remarque : le code javascript est placé en haut de page dans le header, ce qui n'est pas très judicieux car cela peut ralentir le temps de chargement de la page. Il vaut mieux le placer en bas de page.


Je modifierais donc la fonction sliderHeaders pour la scinder en deux : une nouvelle sliderHeaders uniquement pour la css et une sliderFooters pour le javascript.


Sinon, bonne idée que de laisser la possibilité de mettre le js dans un fichier ou directement dans la page.

Plugin à suivre !


Autre remarque, je ne pense pas qu'il soit nécessaire de mettre plxShow en global. Stéphane pourrait-il nous le confirmer ?

Dernière modification par Jerry Wham (07/05/2012 00:35:13)


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#9 07/05/2012 00:47:17

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

Re : [plugin] Slideshow avec texte basé sur s3slider

Je viens de tester et il y a en effet un bug avec l'affichage des textes. Le premier s'affiche correctement (en haut) par contre si on place le deuxième en bas, on ne voit que le haut du bandeau. Si on place ce même texte à droite, le bloc ne s'affiche qu'à moitié (à gauche ça s'affiche bien). Je tiens à préciser que le texte n'est pas long (j'ai mis "dfgkjklfd jgkl kjkjl").


Après plusieurs tests :
Aucun bloc ne s'affiche en bas (si on les met tous en bas ou si on n'en met que quelques uns). Juste un petit bout apparait.


Pour les blocs de droite, ça s'affiche mais le bloc ne va pas jusqu'en haut. Je n'ai pas modifié les paramètres par défaut.


Autre remarque, il aurait été bien d'avoir un lien vers la page médias pour pouvoir sélectionner plus facilement les images.

Dernière modification par Jerry Wham (07/05/2012 00:57:55)


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#10 07/05/2012 01:22:56

maxime71
Membre
Lieu : Saone et Loire
Inscription : 29/01/2012
Messages : 18

Re : [plugin] Slideshow avec texte basé sur s3slider

Salut, merci pour ton test ! Je vais voir ça demain wink

Pour le global effectivement je me pose la même question mais il me semble avoir vu ça dans la doc :-/

Pour le footer effectivement c'est une bonne idée, moi qui est toujours à l'affut du temps de chargement je n'y avais pas pensé.

Pour la position des blocs de textes si tu n'as pas modifié la hauteur et la largeur je vois pas trop où est le pb... tu pourrais me donner un lien que je puisse voir ce que ça fait ? (en MP si tu préfères)

Pour la page media c'est noté !

Hors ligne

#11 07/05/2012 01:50:27

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

Re : [plugin] Slideshow avec texte basé sur s3slider

Désolé mais j'ai testé en local. J'utilise la version 5.1.6 avec le theme plxBoostrap.
Je viens de tester avec le thème par défaut et bizarrement ça ne fonctionne pas (en ayant bien sûr mis un lien vers jquery).


J'essaierai de voir ce qui se passe mais là je vais me coucher...


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#12 07/05/2012 01:55:02

maxime71
Membre
Lieu : Saone et Loire
Inscription : 29/01/2012
Messages : 18

Re : [plugin] Slideshow avec texte basé sur s3slider

Alors si tu pourrais me faire un screen avec ce theme se serait cool car je vois pas trop ce que ça fait, le cadre du texte ne prend pas toute la taille du slide ?

Ton lien vers jQuery doit être placé avant le plugin est-ce le cas ?

De toute façon je regarde ça demain car je vais aussi me coucher wink

Hors ligne

#13 07/05/2012 10:01:35

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

Re : [plugin] Slideshow avec texte basé sur s3slider

Voici les screenshots demandés :


Bloc de droite trop cour et Bloc du bas qui ne s'affiche quasiment pas

Dernière modification par Jerry Wham (07/05/2012 10:04:39)


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#14 07/05/2012 10:17:25

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

Re : [plugin] Slideshow avec texte basé sur s3slider

pour avoir fait mumuse il y a quelque temps avec s3slider, c'est surtout un prise de tête problème css qu'il faut rendre compatible pour tous les navigateurs.


Ancien responsable de PluXml  cool

Hors ligne

#15 07/05/2012 11:12:45

maxime71
Membre
Lieu : Saone et Loire
Inscription : 29/01/2012
Messages : 18

Re : [plugin] Slideshow avec texte basé sur s3slider

Yep ça vient du css pour la taille des blocs ça je le savais déjà mais pour le bloc du bas j'ai pas été confronté à ça. Je regarderais des que je peux parce que mes vacances sont terminées :-/

Hors ligne

#16 07/05/2012 11:37:44

maxime71
Membre
Lieu : Saone et Loire
Inscription : 29/01/2012
Messages : 18

Re : [plugin] Slideshow avec texte basé sur s3slider

Ok, je pense que le problème a été corrigé smile mais il faudrait que réessaies Jerry s'il te plait tongue


Voilà le nouveau css :
http://www.milletmaxime.net/css-s3slider-pluxml.css

Il faut mettre son contenu dans /slider/s3slider.css.php

Hors ligne

#17 07/05/2012 12:09:12

l e . n o x
Membre
Inscription : 12/07/2011
Messages : 55

Re : [plugin] Slideshow avec texte basé sur s3slider

Merci maxime71 pour ce plugin ;O)

Pour les utilisateurs non avancé, quand vous dites qu'il faut coller ceci dans la "page" vous parlez du "nouveau article" ou des "pages statiques" ?


Avec plugin plxEditor - Version 1.2 (20/10/2011) cela semble ne pas fonctionner dans les 2 cas...


Coquille de frappe :
un plugin JQueryest même disponible sur le site de pluxml. >>>  un plugin JQuery est même disponible sur le site de pluxml.

Merci encore pour le partage ;O)

==============================================
Aide pour l'utilisation du slider

/!\ Pour le fonctionnement du plugin, vous devez installer JQuery sur votre site (>1.4), un plugin JQueryest même disponible sur le site de pluxml.


Après avoir activé le plugin vous devez insérer le code suivant dans les pages où vous souhaitez afficher le slide :


<?php
global $plxShow;
eval($plxShow->callHook('slideHTML'));
?>


Il vous reste ensuite à insérer les images grâce au nouveau menu "Slider" qui vient d'apparaitre sur la gauche ;-) .
=================================================

Dernière modification par l e . n o x (07/05/2012 12:10:45)


Linux, y a moins bien.
Mais c'est plus cher. ;O)

Hors ligne

#18 07/05/2012 13:06:50

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

Re : [plugin] Slideshow avec texte basé sur s3slider

maxime71 a écrit :

Ok, je pense que le problème a été corrigé smile mais il faudrait que réessaies Jerry s'il te plait tongue


Voilà le nouveau css :
http://www.milletmaxime.net/css-s3slider-pluxml.css

Il faut mettre son contenu dans /slider/s3slider.css.php


Toujours le même problème à droite et en bas le bloc n'apparait plus...


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#19 07/05/2012 22:32:43

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

Re : [plugin] Slideshow avec texte basé sur s3slider

Je viens de corriger la css et les traduction. Si ça vous intéresse, vous pouvez télécharger l'archive sur mon site.


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#20 07/05/2012 23:33:11

maxime71
Membre
Lieu : Saone et Loire
Inscription : 29/01/2012
Messages : 18

Re : [plugin] Slideshow avec texte basé sur s3slider

Bonsoir, alors j'ai testé sur plusieurs thèmes et il n'y a qu'avec plxBoostrap que je rencontre des problèmes :-/ C'est surement du à l'héritage des propriétés d'un autre élément mais je n'ai pas le temps de m'y attarder pour le moment comme je ne suis plus en vacance.

Par traduction tu parles de la position des fichiers ? Sinon est-ce que je peux proposer le fichier css que tu proposes dans ma future version si jamais des utilisateurs ont le même soucis que toi ?

Si d'autres ont fait des tests et qu'il y a un problème avec le texte si vous pouviez me le signaler ce serait top smile . Donc demain nouvelle version avec quelques modifications.

Hors ligne

#21 07/05/2012 23:44:05

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

Re : [plugin] Slideshow avec texte basé sur s3slider

Mes modifications fonctionnent avec plxBoostrap et le thème par défaut.
Elles portent sur les points suivants (ajouts):

#sliderContent{
	height:<?php echo (int)$_GET['h']; ?>px;
}
.bottom{
	bottom:4px;
}
.left{
	top:-4px;
	height:95%;
}
.right{
	bottom:4px;
	height:95%;
}

Quand je parle de traduction, je veux dire que j'ai écrit un fichier fr.php et que j'ai remplacé le texte français en dur par la méthode $plxPlugin->getLang() dans les fichiers admin et config. J'ai aussi supprimé ta méthode adminHtml() qui ne permettait pas d'utiliser getLang().


Tu peux bien entendu utiliser mes modifications sans problème. Je ne les aurais pas partagées sinon. ;-)

Dernière modification par Jerry Wham (07/05/2012 23:44:36)


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#22 08/05/2012 12:51:07

maxime71
Membre
Lieu : Saone et Loire
Inscription : 29/01/2012
Messages : 18

Re : [plugin] Slideshow avec texte basé sur s3slider

Ok merci bien Jerry, j'ai utilisé tes modifications ! smile Et pour le css je prends aussi !

La prochaine version arrive dans 2 ou 3h, il y a que des modifications mineures comme le JS en bas de page c'est au choix mais activé par défaut et quelques autres bricoles wink

Hors ligne

#23 08/05/2012 13:39:54

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

Re : [plugin] Slideshow avec texte basé sur s3slider

Cool


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

#24 08/05/2012 16:24:59

maxime71
Membre
Lieu : Saone et Loire
Inscription : 29/01/2012
Messages : 18

Re : [plugin] Slideshow avec texte basé sur s3slider

Donc voilà :
@l e . n o x : le code PHP ne passe pas (il est traité comme du html) ou il y a rien ? sinon j'ai mis à jour le fichier d'aide.


Changelog 1.0b
* Correction des bugs CSS par Cyril (Jerry Wham  j'ai pas osé mettre ton nom en public, je peux le faire ?)
* Utilisation d'un fichier langue (merci Cyril)
* Ajout de la coloration des liens
* Choix de la place du code JS (en bas ou en haut)
* Corrections mineures

Téléchargeable ici wink (version 1.0b)
Démo ici

Dernière modification par maxime71 (08/05/2012 16:28:05)

Hors ligne

#25 08/05/2012 17:01:52

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

Re : [plugin] Slideshow avec texte basé sur s3slider

Cool.

Pour les blocs de droite et de gauche, le décalage de 4px que j'ai mis n'est pas forcément à mettre tout le temps. Il doit être modifié en fonction du thème. Et chaque bloc doit avoir un décalage indépendant.

J'ai adapté de wordpress le thème compositio (que je partagerai bientôt) et le bloc de droite ne nécessite pas de décalage.

Ca serait bien de pouvoir le paramètrer...


PS : Je préfère que tu utilises mon pseudo sur le forum.


Mangez un castor, vous sauverez un arbre !

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

Hors ligne

Pied de page des forums

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