Discussion :

[miltonis]

Bonjour à tous

Je découvre JQuery, je suis actuellement en train d'essayer de modifier (un peu) le fameux script JCarousel trouvé ici.

J'ai réussi à apporter quelques modifs comme la taille, les espacements, lé fréquence de slide... Mais je bute sur quelque chose qui a son importance : centrer les images dans le bloc conteneur.

J'ai mis mon test en ligne ici, et ça fonctionne plutôt pas mal mais je voudrais qu'au chargement de la page (et le reste du temps) chaque image slidée soit centrée et laisse entrevoir les autres dans l'espace qui reste de chaque coté (selon la résolution et la taille de l'écran).

Un exemple de ce que je cherche à faire : http://miltonis.free.fr/000.gif

Savez-vous comment faire svp ? Pour ma part je sèche...

merci

[devyan]

Bonjour,

Je ne sais pas ce que tu as modifié exactement mais il n'y a pas de raison que mycarousel ai son width qui varie au cours du fonctionnement.

Pour le centrage, il faut modifier le calcul de left afin d'ajouter un offset valant la moitié de la différence entre les largeurs de l'image et de la zone de visualisation.
Ça a l'air super compliqué écrit comme ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

offset = (mycarousel.width - imagevisible.width) / 2

devyan

[miltonis]

Bonjour,

Je ne sais pas ce que tu as modifié exactement mais il n'y a pas de raison que mycarousel ai son width qui varie au cours du fonctionnement.

Pour le centrage, il faut modifier le calcul de left afin d'ajouter un offset valant la moitié de la différence entre les largeurs de l'image et de la zone de visualisation.
Ça a l'air super compliqué écrit comme ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

offset = (mycarousel.width - imagevisible.width) / 2

devyan

Merci de ta réponse Devyan,
Mais c'est JCaroussel, et la taille ne varie pas, où est-ce que tu vois cela ?

Concernant le code, je ne vois pas ou je dois ajouter/modifer la ligne de code.
Tu sais où c'est ?

Merci

[devyan]

Bonjour,

Si tu prends le lien de la démo, avec Firebug tu peux voir que LEFT varie mais que WIDTH reste inchangée.

Si tu prends le lien de ton exemple, avec Firebug tu peux voir que LEFT ne cesse de diminuer et que WIDTH augmente.

devyan

[miltonis]

Bonjour,

Si tu prends le lien de la démo, avec Firebug tu peux voir que LEFT varie mais que WIDTH reste inchangée.

Si tu prends le lien de ton exemple, avec Firebug tu peux voir que LEFT ne cesse de diminuer et que WIDTH augmente.

devyan

Oui je vois, je peux tout reprendre à zéro, pas de problème

Concernant le code, je ne vois pas ou je dois modifer le calcul de left comme tu me conseilles.
Tu sais où c'est ?
je te remercie

EDIT : j'ai trouvé porquoi le width s'incrémente à chaque fois, c'est parce que j'ai mis l'attribut Circular à Wrap
wrap: 'circular',

Mais je ne sais toujours pas où appliquer ton conseil

[devyan]

Bonjour,

Vu le résultat actuel de ton exemple en lien tu as fini par trouver "où appliquer mon conseil"

devyan