jQuery défilement d'images background en continu

Salut,

Je cherche désespérément un petit script légé en Jquery pour faire défiler des images d'un background d'une div.
Je ne cherche pas à avoir de flèche ou de dots pour aller d'une image à l'autre, c'est juste pour faire défiler des images.

J'ai trouvé des scripts comme celui-là http://rewish.github.io/jquery-bgswitcher/ mais le défilement (Effet drop) n'est pas continue. Je cherche un défilement continue passant de la dernière à la première image comme si c'était la suivante.

Merci pour votre aide,
Vincent.

Bonjour,

loop : true fait ce que tu demandes.

Bonjour,

Oui mais le défilement n'est pas continue, il y a une pause sur l'image en cours. Je me suis mal exprimé, je voudrais que les images s'affichent les unes après les autres sans pause.

Un peu comme un film roll mais sans les bordures noires, les images sont toutes attachées les unes aux autres :
Pièce jointe 201153

Merci,
Vincent.

Bonjour,

en cherchant un peu :aie:, je suis tombé sur Tiny Carousel.

J'arrive à ça : http://codepen.io/jreaux62/pen/LGvoRw

Bonjour,

Oui super, merci pour le lien. On peut modifier la vitesse d'affichage mais j'ai pas trouvé comment enlever l'effet de ralenti pour avoir une animation en continue.

C'est bien le script de cette page : http://baijs.com/tinycarousel/

Merci,
Vincent.

En fait tu veux juste un défilement continu à vitesse constante ?

Ce n'est a priori pas prévu sur ce plugin...
en voici un autre qui semblerait plus coller à ton besoin ?
http://bxslider.com/examples/ticker

@defacta :

Inutile de "citer" un message complet pour y répondre.
Merci d'utiliser le bouton "+ Répondre à la discussion" ci-dessous (en bas à gauche).

Un exemple avec bxSlider : http://codepen.io/jreaux62/pen/LGoEaq

(merci Spacefrog, je ne connaissais pas cette option de bxSlider)

Oui bxSlider fait l'affaire, c'est dommage qu'il ne le fasse pas avec un background, ça va m'obliger à tailler des images qui auront toutes la même hauteur.

Merci,
Vincent.

je pense que tu peux tout à fait mettre les images en background des li ...

http://codepen.io/anon/pen/vLwJpb

Bonjour,

j'ajoute qu'on peut s'affranchir des dimensions et orientation d'images (portrait, paysage) :

Code:

---

1 2 3

li { background-size:cover; }

---

• http://codepen.io/jreaux62/pen/LGoEaq

N.B. Je ne sais pas si je m'en servirais, mais je le garde dans ma musette ;)

Ah oui je vois, là c'est vraiment exactement ce que je cherchais. Super ! :)

Merci pour vos réponses,
Vincent.

alors pense à :plusser: ;)