Un slideshow jQuery responsive ?

Bonjour / bonsoir,

J'ai sur une page d'accueil un petit slideshow faisant défiler des images et je voudrais pouvoir changer la taille des images selon la largeur de la fenêtre.

Voici un petit aperçu : ici

J'ai changé donc la taille des img via les media queries, mais comme vous le voyez l'écart entre les images se creuse. Cela est du, il me semble, à mon script jquery qui applique à chaque li un margin-left: -250px en dur :

 
<script type="text/javascript">
						(function($){  
							setInterval(function(){  
								$("#wip ul li:first-child").animate({"margin-left": -250}, 800, function(){  
									$(this).css("margin-left",0).appendTo("#wip ul");  
								});  
							}, 3500);  
						})(jQuery);  
					</script>

Comment faire en sorte que cette valeur soit "adaptable" à la largueur de l'image ?
J'ai déjà tenté avec $(this).innerWidth() ... voire en mettant ça dans une fonction... mais j'ai un peu de mal avec jQuery !

D'avance merci à ceux qui prendront le temps de m'aider !
Modifié par osef_ (23 Jun 2013 - 22:27)

Bonjour,

Le plugin jquery cycle v2 est peut-être ce qu'il te faut.
Facile à adapter et responsive.
http://www.malsup.com/jquery/cycle2/

Bonne chance

Merci Oziris ! J’espérais plus une explication qu'un plugin tout fait, mais merci quand même ! Je vais essayer de suite ce Cycle2.