Installer un "slide" en carrousel JBGallery

Toutes vos questions sur jQuery, CSS, HTML5, mise en page...
ph.gras
Addict
Addict
 
Messages: 71
Inscription: 23 Juin 2013, 13:39

Installer un "slide" en carrousel JBGallery

Messagede ph.gras » 21 Aoû 2013, 16:04

J'ai un slide en carrousel sous JD Gallery qui utilise Mootools, et qui a en plus un bug répertorié…

C'est pourquoi je voudrais en changer pour un bidule similaire sous jQuery, afin d'uniformiser les
ressources JS chargées sur le site. J'aimerais avoir à peu près les mêmes effets, c'est à dire avec 1
slide, et afficher un extrait de texte avec chaque image.

J'ai trouvé pas mal de ressources sur le Web sur des bidules identiques, mais toutes incomplètes,
et d'autres proposant de réaliser soi-même son carrousel. Je ne sais donc pas trop penser de tout
ça, entre le machin tout fait où il s'agit juste de mettre 3 variables pour que ça tourne comme l'on
veut, et le truc fait maison, avec moins de code certes, mais moins d'effets également…

J'ai vu un plugin qui me plaît bien : JB Gallery, mais impossible d'accéder aux ressources depuis
le site officiel, en rade les 3/4 du temps :
http://www.webcssdesign.com/ajax/jbgallery-plugin-jquery-diaporama-gratuit/

J'ai aussi trouvé un tuto incomplet, et en plus j'aimerais ajaxiser les extraits à afficher. Je me
demande donc si tout cela est possible, où si j'en demande un peu trop. Comment avez-vous
procédé de votre côté ? Merci de partager votre expérience ;) !

Avatar de l’utilisateur
Galdon
Administrateur du site
Administrateur du site
 
Messages: 2180
Inscription: 06 Sep 2008, 22:05

Re: Installer un "slide" en carrousel JBGallery

Messagede Galdon » 22 Aoû 2013, 09:01

Personnellement j'utiliserais un plugin existant, inutile de s'embêter à coder soi même alors que ça existe déjà.
"Si tu veux me parler, envoie-moi un... FAX !" - George Abitbol

ph.gras
Addict
Addict
 
Messages: 71
Inscription: 23 Juin 2013, 13:39

Re: Installer un "slide" en carrousel JBGallery

Messagede ph.gras » 30 Aoû 2013, 14:11

Bon, ben je n'y arrive pas de cette manière finalement. Je ne parviens pas
à faire entrer le slide dans un cadre, il s'affiche toujours pleine page. J'ai
donc copié un tuto très simple au départ :
http://paulmason.name/item/simple-jquer ... r-tutorial

Mes images tournent bien, j'ai pu ajouter l'intro du texte avec un effet de
sildeDown/Up. Je suis arrivé à passer correctement la requête Ajax, donc
maintenant j'en suis à travailler sur le CSS et à ajouter des boutons avant/
après avec un effet de stop pour le setInterval. Il faut que ça ressemble à :
http://smoothgallery.jondesign.net/show ... llery-set/

ph.gras
Addict
Addict
 
Messages: 71
Inscription: 23 Juin 2013, 13:39

Re: Installer un "slide" en carrousel JBGallery

Messagede ph.gras » 04 Sep 2013, 16:37

J'ai enfin publié mon slider Ajax, mais je n'en suis pas complètement satisfait…

Il faut encore régler un problème de synchronisation entre jQuery et setInterval.
J'ignore d'où vient ce problème, mais il a l'air bien répertorié.

Je n'arrive pas à placer l'ampoule en background avec les z-index.

Au passage et comme je ne peux pas éditer mon message précédent, je place un
nouveau lien vers le silder original, mais avec timer :
http://smoothgallery.jondesign.net/show ... d-gallery/

Ce n'est pas parfait, mais Google l'a déjà bien profond, et ça me fait bien plaisir !


Retourner vers HTML / CSS / Javascript

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité