[fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

Ber · 2012-05-03 08:56:47

Salut à tous …

Je suis un débutant dans textpattern… Les seules connaissances que je dispose sont en html et css … J’ai installé le plugin smd_thumbnail et créé deux profils “grande” et “petite”.

Lorsque je mets des photos en ligne avec ce plugin, j’y ajoute une catégorie et une légende …

J’aimerais installer le script JS : nivo_slider et y afficher les images en fonction de leur catégorie. Il y aurait plusieurs slide show qui afficheraient les images en fonction de leur catégorie et j’aimerais aussi qu’ils affichent dans le caption du nivo_slider, la légende encodée dans textpattern … Est-ce possible ?

En vous remerciant d’avance pour la qualité de la communauté que vous formez autour de TXP !

Cordialement

Last edited by Ber (2012-05-16 14:51:19)

Niconemo · 2012-05-03 09:55:25

Je suis un débutant dans textpattern… Les seules connaissances que je dispose sont en html et css … J’ai installé le plugin smd_thumbnail et créé deux profils “grande” et “petite”.

Déjà, à ce niveu, je doute de l’utilité du plugin puisque par défaut Textpattern à déjà 2 tailles d’images : l’original (grand) et la vignette (petite).

Pour l’utilisation du plugin jquery nivo_slider, le code html à générer est simple.

En gros, tu n’a qu’une succession de balises img à générer.

C’est à dire qu’il faut déjà, dans un premier temps, que tu arrive à faire une simple galerie d’images brute (une suite d’img) pour chaque catégorie d’image que tu as (…à laquelle tu appliquera nivo_slider dans un deuxième temps.). Une fois que tu as ta suite d’images, tu rajoute la légende de l’image. Tu trouvera assez facilement comment faire avec les fonctions de base de Textpattern.

exemple tiré de la doc (je ta laisse l’adapter) :

<txp:images category="mammals">
  <txp:thumbnail />
  <txp:image_info type="caption" wraptag="div" class="img_cap" />
</txp:images>

Un fois que tu aura affiché les images que tu veux, appliquer nivo_slider est un jeu d’enfant (et ne dépend pas de textpattern).

Last edited by Niconemo (2012-05-03 10:06:29)

Ber · 2012-05-03 11:06:48

MMmh … J’ai du me planter quelque part dans l’affichage du nivo_slider … http://illeps1.hebergratuit.com/ mais où ?

Dragondz · 2012-05-03 12:04:31

Salut

en regardant avec firebug j’ai vu que tu avait 2 déclarations sur #slideshow pourquoi?

Il est ou le css de nivo-slider.css?

+ une balise noscript qui traine quelque part (ligne 49 du code)!

Niconemo · 2012-05-03 12:14:54

C’est pas vraiment une question sur textpattern…

Mais cela dit c’est loin d’être la seule bizarrerie dans le code il y a des CSS de partout (liées et dans le doc) et ce type de scripts javascript n’aime pas du tout ça.

En plus tu as manifestement recopié le slider d’une démo et je te conseille plutôt d’installer le diaporams avec tes propres images en suivant le mode d’emploi de nivo_slider (ils utilisent souvent des versions modifiée des scripts pour les démos).

On dirait que les transitions de type fondu fonctionnent mieux que les mosaïques. En pratique il n’y a que deux types de transitions utilisables : les glissés (verticaux ou horizontaux) et les fondus. Tout le reste est simplement une tellement grosse faute de gout que personne ne les utilise sur un site un tant soi peu sérieux.

Edit…

Last edited by Niconemo (2012-05-03 12:31:40)

Ber · 2012-05-03 12:25:50

Je ne vois pas où est les deux déclarations de slideshow …

J’ai mis le css du slider dans la css principal.
Par contre, je ne retrouve pas où est mise cette fichu balise <noscript> …

Dragondz · 2012-05-03 12:37:57

Affiche le CSS dans firefox avec Ctrl+Shift+I ou CTRL+F7 sinon install l’extentin webdeveloper:

pour slideshow c’est en ligne 23 et 110 de ton CSS

Perso j’ai travaillé une fois avec nivo-slider et il fonctionne souvent bizarrement car il y a des CSS à revoir donc je l’ai abandonné et pris un autre plus simple, en plus il bouffe une tonne de ressource pour les transitions.

Last edited by Dragondz (2012-05-03 12:39:22)

Ber · 2012-05-03 12:45:24

Pouvez-vous m’indiquer le slider dont vous vous servez ?

Encore un grand merci pour le coup de main !

Niconemo · 2012-05-03 12:46:47

C’est vraiment le bazar dans ton code ! Il faut que tu choisisse entre le HTML 4 et le XHTML et que tu t’y tienne (CHOISIS le XHTML, tant qu’à faire).

La balise noscript est entre </body> et </html> avec tout un tas de trucs qui ne devraient pas être là !

Dragondz · 2012-05-03 12:57:00

Il y’en a pas mal qui marchent bien comme easyslider mais fait une petite recherche “jquery slider” et tu en trouvera plusieurs.

en ce moment j’utilise une galerie flash http://www.flashmo.com/preview/flashmo_224_grid_slider qui me plait bien.

Et comme te l’a fait remarquer Nico, essaie d’avoir un code propre sans erreurs avant de voir ce qui cloche avec nivo-slider.

Bon courage.

Last edited by Dragondz (2012-05-03 12:58:24)

Niconemo · 2012-05-03 13:01:38

Ber wrote:

Pouvez-vous m’indiquer le slider dont vous vous servez ?

J’ai essayé bxslider:http://bxslider.com/ récemment.
Léger et pas mal pour du contenu texte+images.

mais il y a aussi
http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
http://slidesjs.com
http://webbies.dk/SudoSlider
http://chocoslider.alandawi.com.ar/
http://basic-slider.com
http://www.simplesli.de
http://www.joepettersson.com/a-simple-slider/
etc. (ça pousse tous les jours)

Par contre comme pour tous ce type de scripts, il faut savoir que la CSS de son site peut interférer avec celle fournie par défaut par l’auteur du script… et être à même de la déboguer.

Last edited by Niconemo (2012-05-03 13:07:35)

Ber · 2012-05-03 13:05:52

Oui je vais faire ça … Mais par contre, est-ce possible que le code “foireux” dont vous me parlez est généré par l’hébergeur car ça me semble être le code qui affiche la pub… Je n’ai jamais ajouté ce genre de code …

Textpattern CMS

Textpattern CMS support forum

#1 2012-05-03 08:56:47

[fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#2 2012-05-03 09:55:25

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#3 2012-05-03 11:06:48

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#4 2012-05-03 12:04:31

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#5 2012-05-03 12:14:54

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#6 2012-05-03 12:25:50

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#7 2012-05-03 12:37:57

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#8 2012-05-03 12:45:24

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#9 2012-05-03 12:46:47

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#10 2012-05-03 12:57:00

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#11 2012-05-03 13:01:38

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#12 2012-05-03 13:05:52

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

Board footer