FluxSlider - commentaires

FluxSlider

la page en question http://www.dbdcoaching.fr/spip.php?article9

FluxSlider

voir l'exemple ici

FluxSlider

Bonjour
super plugin mais je n'arrive pas a redimensionner la taille du diaporama sans tronquer les images
je voudrais faire du 700 x 300 , mes image on bien cette taille là mais il les redimensionne automatiquement , on dirait que le plugin ne supporte que le 4x3
merci d'avance pour votre aide

Flux Slider

Bonjour A tous !
Pour les amateurs tels que moi, comment remplacer la fancybox, par la mediabox.

J'ai bien essayer dans les noisettes de remplacer les occurrences .fancybox par .mediabox, mais cela ne suffit pas.

Merci pour votre aide, si cela est possible.

Bien à tous.

Flux Slider

Bonjour,
Au sujet de ce « preload » tu dis que l'on peut utiliser un peu de css pour cacher les images. Où puis-je trouver le fichier css et la ou les lignes en questions à modifier ?
merci d'avance

Flux Slider

Je reviens à la charge pour une nouvelle question :
je charge mes articles (avec un diaporama fluxSlider) en ajax, et donc le javascript ne se lance pas au chargement de la page ajaxée…

Donc rien ne s'affiche ; est-il possible de remédier à ce problème ?

Merci !

Flux Slider

Salut Babache,
Etrange de pas avoir jQuery direct dans le header... Quel version de spip / squelettes tu utilise ?

3 slider sur la même page c'est pas possible avec le modèle en l'état.

Si tu veux tenter tu devra créer 3 div avec des id différents (genre #sliders1 #sliders2 et #sliders3) pour jouer 3 sliders en même temps.

Tu devras peut être aussi surcharger la css et les ressources nécessaire pour le rendu seront triplées :-)

Je sais pas si ça tournerai avec flux car j'ai pas essayé, mais tu peux le faire avec nivo (plusieurs animations simultanées)...

Flux Slider

Bonjour,

J'ai mis en place ce plugin sur mon site, dans le bandeau.

J'ai eu beaucoup de mal car, il ne se lançait pas. Il a fallus que je mette un lien vers la librairie jQuery dans le code avant d'inclure mon modèle fluxslider.

Maintenant j'aimerais mettre 3 fluxsliders dans le bandeau, mais lorsque je lance 3 modèles à la suite, seulement le premier prend l'effet slider, les 2 autres ne sont qu'une liste d'image.

Est-ce possible de placer plusieurs sliders dans le bandeau ?

Merci pour ce plugin en tout cas !

Flux Slider

Re,

En effet ta demande n'est pas très claire...

Souhaite-tu afficher les documents des 4 premiers (plus récent ?) articles d'une rubrique ou bien les logos des articles d'une rubrique ?

Regarde les boucles proposés dans le forum de nivoslider, il y a des demandes similaires.

Flux Slider

Salut Béatrice,

Je me rend compte grâce à ton message que les modèles fluxslider_doc et fluxslider_rub spécifiés dans la doc ne sont pas sur la zone (je devais manquer de sommeil) donc voilà ce que ça donnes :

- Dans le répertoire modeles/ :

fluxslider_doc.html

[(#REM) modèle Fluxslider pour une rubrique : - Depuis un article : < fluxslider_doc|id=.,.,.. > - Selon le modele CROCHET(# MODELE{fluxslider_doc}{id=.,.,..})CROCHET
] [(#SET{id,[(#ENV{id, #CONFIG{fluxslider/id_defaut, 0} })]} )]
[(#SET{width,[(#ENV{width, #CONFIG{fluxslider/width, 640} })]} )]
[(#SET{height,[(#ENV{height, #CONFIG{fluxslider/height, 480} })]} )]
[(#SET{delay,[(#ENV{delay, #CONFIG{fluxslider/delay, 4000} })]} )]
[(#SET{autoplay,[(#ENV{autoplay, #CONFIG{fluxslider/autoplay, true} })]} )]
[(#SET{pagination,[(#ENV{pagination, #CONFIG{fluxslider/pagination, false} })]} )]
[(#SET{captions,[(#ENV{captions, #CONFIG{fluxslider/captions, false} })]} )]
[(#SET{controls,[(#ENV{controls, #CONFIG{fluxslider/controls, false} })]} )]
[(#SET{portfolio,[(#ENV{portfolio, #CONFIG{fluxslider/portfolio, 'non'} })]} )]
[(#SET{imagealign,[(#ENV{imagealign, #CONFIG{fluxslider/imagealign,'center'} })]} )]
[(#SET{imagebackcolor,[(#ENV{imagebackcolor, #CONFIG{fluxslider/imagebackcolor,'transparent'} })]} )] [(#INCLURE{fond=noisettes/fluxslider_document, id=#GET{id}, width=#GET{width}, height=#GET{height}, delay=#GET{delay}, autoplay=#GET{autoplay}, paginations=#GET{pagination}, captions=#GET{captions}, controls=#GET{controls}, imagealign=#GET{imagealign}, imagebackcolor=#GET{imagebackcolor}
})]

fluxslider_rub.html

[(#REM) modèle Fluxslider pour une rubrique : - Depuis un rubrique : < fluxslider_rubXX >, alors affiche les documents de la rubrique XX - Selon le modele CROCHET(# MODELE{fluxslider_rub}{id_fluxslider_rub=XX})CROCHET
] [(#SET{id_rubrique,[(#ENV{id_fluxslider_rub, #CONFIG{fluxslider/id_defaut, 0} })]} )]
[(#SET{width,[(#ENV{width, #CONFIG{fluxslider/width, 640} })]} )]
[(#SET{height,[(#ENV{height, #CONFIG{fluxslider/height, 480} })]} )]
[(#SET{delay,[(#ENV{delay, #CONFIG{fluxslider/delay, 4000} })]} )]
[(#SET{autoplay,[(#ENV{autoplay, #CONFIG{fluxslider/autoplay, true} })]} )]
[(#SET{pagination,[(#ENV{pagination, #CONFIG{fluxslider/pagination, false} })]} )]
[(#SET{captions,[(#ENV{captions, #CONFIG{fluxslider/captions, false} })]} )]
[(#SET{controls,[(#ENV{controls, #CONFIG{fluxslider/controls, false} })]} )]
[(#SET{portfolio,[(#ENV{portfolio, #CONFIG{fluxslider/portfolio, 'non'} })]} )]
[(#SET{imagealign,[(#ENV{imagealign, #CONFIG{fluxslider/imagealign,'center'} })]} )]
[(#SET{imagebackcolor,[(#ENV{imagebackcolor, #CONFIG{fluxslider/imagebackcolor,'transparent'} })]} )] [(#INCLURE{fond=noisettes/fluxslider_rubrique, id_rubrique=#GET{id_rubrique}, width=#GET{width}, height=#GET{height}, delay=#GET{delay}, autoplay=#GET{autoplay}, paginations=#GET{pagination}, captions=#GET{captions}, controls=#GET{controls}, imagealign=#GET{imagealign}, imagebackcolor=#GET{imagebackcolor}
})]

- Dans le répertoire noisettes/ :

fluxslider_document.html


  [(#DESCRIPTIF|?{'',' '}) [(#FICHIER|image_passe_partout{#WIDTH,#HEIGHT} |image_recadre{#WIDTH,#HEIGHT,#IMAGEALIGN,#IMAGEBACKCOLOR} |inserer_attribut{title,[(#TITRE|supprimer_numero)]} |inserer_attribut{rel,#FICHIER|image_reduire{#CONTROLNAVTHUMBSWIDTH,#CONTROLNAVTHUMBSHEIGHT}|extraire_attribut{src}} )] ] [(#DESCRIPTIF|?{' ',''}) [(#SET{lien,#VAL{'spip.php?'#DESCRIPTIF}|attribut_html|replace{' ',''}})] [(#SET{fancyornot,''})] [(#DESCRIPTIF|match{doc}|=={doc}|?{ [(#PLUGIN{FANCYBOX}|oui) [(#SET{fancyornot, [(#CONFIG{fancybox/selecteur_commun,'.fancybox'}|replace{'\.',''})]})] ] [(#SET{lien, #URL_DOCUMENT})] })] [(#DESCRIPTIF|match{http}|=={http}|?{ [(#SET{lien, [(#DESCRIPTIF|textebrut)]})] })]  [(#FICHIER|image_passe_partout{#WIDTH,#HEIGHT} |image_recadre{#WIDTH,#HEIGHT,#IMAGEALIGN,#IMAGEBACKCOLOR} |inserer_attribut{title,[(#TITRE|supprimer_numero)]} |inserer_attribut{rel,#FICHIER|image_reduire{#CONTROLNAVTHUMBSWIDTH,#CONTROLNAVTHUMBSHEIGHT}|extraire_attribut{src}} )]  ]

fluxslider_rubrique.html


  [(#DESCRIPTIF|?{'',' '}) [(#FICHIER|image_passe_partout{#WIDTH,#HEIGHT} |image_recadre{#WIDTH,#HEIGHT,#IMAGEALIGN,#IMAGEBACKCOLOR} |inserer_attribut{title,[(#TITRE|supprimer_numero)]} |inserer_attribut{rel,#FICHIER|image_reduire{#CONTROLNAVTHUMBSWIDTH,#CONTROLNAVTHUMBSHEIGHT}|extraire_attribut{src}} )] ] [(#DESCRIPTIF|?{' ',''}) [(#SET{lien,#VAL{'spip.php?'#DESCRIPTIF}|attribut_html|replace{' ',''}})] [(#SET{fancyornot,''})] [(#DESCRIPTIF|match{doc}|=={doc}|?{ [(#PLUGIN{FANCYBOX}|oui) [(#SET{fancyornot, [(#CONFIG{fancybox/selecteur_commun,'.fancybox'}|replace{'\.',''})]})] ] [(#SET{lien, #URL_DOCUMENT})] })] [(#DESCRIPTIF|match{http}|=={http}|?{ [(#SET{lien, [(#DESCRIPTIF|textebrut)]})] })]  [(#FICHIER|image_passe_partout{#WIDTH,#HEIGHT} |image_recadre{#WIDTH,#HEIGHT,#IMAGEALIGN,#IMAGEBACKCOLOR} |inserer_attribut{title,[(#TITRE|supprimer_numero)]} |inserer_attribut{rel,#FICHIER|image_reduire{#CONTROLNAVTHUMBSWIDTH,#CONTROLNAVTHUMBSHEIGHT}|extraire_attribut{src}} )]  ]

Flux Slider

Bonjour,
comment m'y prendre pour , pour appeler les 4 premier articles d'une rubrique.
j'ai créer modeles/fluxslider_4rub.html
[(#SETid_rubrique,[(#ENVid_fluxslider, #CONFIGfluxslider/id_defaut, 0 )] )]
[(#SETwidth,[(#ENVwidth, #CONFIGfluxslider/width, 640 )] )]
[(#SETheight,[(#ENVheight, #CONFIGfluxslider/height, 480 )] )]
[(#SETdelay,[(#ENVdelay, #CONFIGfluxslider/delay, 4000 )] )]
[(#SETautoplay,[(#ENVautoplay, #CONFIGfluxslider/autoplay, true )] )]
[(#SETpagination,[(#ENVpagination, #CONFIGfluxslider/pagination, false )] )]
[(#SETcaptions,[(#ENVcaptions, #CONFIGfluxslider/captions, false )] )]
[(#SETcontrols,[(#ENVcontrols, #CONFIGfluxslider/controls, false )] )]
[(#SETportfolio,[(#ENVportfolio, #CONFIGfluxslider/portfolio, 'non' )] )]
[(#SETimagealign,[(#ENVimagealign, #CONFIGfluxslider/imagealign,'center' )] )]
[(#SETimagebackcolor,[(#ENVimagebackcolor, #CONFIGfluxslider/imagebackcolor,'transparent' )] )]

[(#INCLUREfond=noisettes/fluxslider_4rub,
id_rubrique=#GETid_rubrique,
width=#GETwidth,
height=#GETheight,
delay=#GETdelay,
autoplay=#GETautoplay,
paginations=#GETpagination,
captions=#GETcaptions,
controls=#GETcontrols,
imagealign=#GETimagealign,
imagebackcolor=#GETimagebackcolor
)]
puis créer ma noisettes/fluxslider_4rub.html

puis dans mon sommaire j'ai mis [(#MODELESfluxslider_4rubid_fluxslider=N° de la rub)]
et oups rien ne fonctionne ! Que faire, merci d'avance pour votre aide
béa

Flux Slider

okk merci beaucoup ! le plugin est vraiment bien

Flux Slider

Salut Adrien,

Les flèches sont construites dans le flux.js...

Essaye la Web Developer Bar pour FF, sinon il existe un équivalent pour chrome ...

De toute façon tout se passe dans le répertoire du plugin (CSS ...)

Flux Slider

Salut Hervé,

- Je n'utilise plus fenêtre depuis des lustres (ils en sont à IE9 je crois, ha oui ça marche pas sous XP, je me souviens pourquoi j'utilise plus leur OS maintenant ...) donc là dessus je peux pas trop t'aider...
- Le preload est déjà là, par contre un peu de css pour cacher les images sauf la première permettrais de pas avoir cet effet furtif...
- Merci pour l'info, je corrigerais le lien vers la doc dès que possible.

Flux Slider

Merci pour ce pluggin !

Je ne trouve pas la feuille css des fleches de navigation ni le fichier ou sont les guillement << et >>, l'outil de dev de chrome me dit que la div s'appelle element.style mais je ne la trouve nulle par...

Flux Slider

Merci ngombe pour ce plugin qui se me en place rapidement :-)

Des petites remarques :
- Sur IE7 les effets d'animation n'opèrent pas chez moi (pas de problème avec Firefox, Chrome, Opera)...
- Serait-il possible de mettre en place un système de preload ou autre afin d'éviter au premier affichage de la page de voir furtivement toutes les images du diaporama les unes sous les autres....
- Attention, au niveau du paramétrage du plugin dans CFG, la petite boite qui pointe vers la documentation de fluxslider amène vers une page 404...

Merci z'en tout cas ;-)

Flux Slider

génial, merci.
Du coup j'ai rajouté l'effet swipe qui donne quand même moins mal à la tête !
Un grand merci ngombe pour cette contrib et ces conseils

Flux Slider

J'avais voulu mettre le choix dans CFG, mais le temps m'as manqué... Peut être au prochain épisode :)

Par défaut le plugin joue toutes les transitions, le js est généré par les noisettes des modèles.

Si tu n'en veux que certaines (ou une seule) tu doit ajouter le paramètre transitions dans ce bloc :

Voici les transitions possibles pour mettre dans ton array :

2D	bars, blinds, blocks, concentric, warp, zip
3D	bars3d, blinds3d, cube, tiles3d

Flux Slider

Ah ok, moi ca n'affichait rien, aucune erreur, juste rien. J'avoue ne pas avoir creusé plus loin le problème car je n'avais plus besoin du plugin médiatheque.

J'en profite pour te poser une petite question : j'ai essayé d'enlever l'option par défaut qui fait tourner aléatoirement toutes les transitions, mais je n'y arrive pas. Peux-tu me dire simplement quel .js est concerné pour ce faire ?

Merci !

Flux Slider

Salut Yannick,
J'utilise la médiathèque et fluxslider sur de nombreux sites sans aucun souci ...
Peut être as-tu plus de détails sur ce dysfonctionnement (squelettes, erreurs js, pas d'affichage partie privée/publique ...)
@+

Flux Slider

Très bon plugin merci !
Par contre, j'ai mis un bon bout de temps à me rendre compte que ce plugin ne fonctionne pas si le plugin mediathèque est activé… !

Flux Slider

Salut,

Tu peux essayer de remplacer les filtres image_passe_partout et image_recadre par un image_reduire dans les noisettes du plugin, mais je pense pas que le résultat sera meilleur.

Comme pour nivoslider il est préférable de n'avoir que des photos en mode paysage ... Ou bien uniquement des portraits mais le passage d'une orientation à l'autre fera obligatoirement perdre un partie de l'image ou fera apparaître des 'vides'.

L'idéal comme tu l'as si bien dit, c'est de préparer ses images en amont.

Flux Slider

bonjour
super plugin qui fonctionne très très bien bien, je l attendais avec impatience :) il produit sans flash un diaporama d une propreté impeccable super boulot, donc grand grand merci !
cependant y a t il dans ce que tu as prévu, la possibilité comme pour le plug Spip jQuery Cycle, que les photos portrait se recadre d elle mm ?? ou doit on forcément les préparer en amont ?
car ss cfg je ne trouve pas la solution :(