11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai trouvé ce plugin pour faire défiler un bandeau d'images au survol de la souris:
http://rascarlito.free.fr/hoverscroll/

Ca marche très bien sauf que si je redimensionne la fenetre du navigateur, la largeur du bandeau ne change pas...normal, le script demande d'initialiser la largeur au départ et de plus il ne prend pas les valeur en %.

J'aimerais savoir, si vous connaissez un script qui ferait la meme chose mais qui gère le redimensionnement du navigateur, ou alors si vous pouvez m'aider à trouver une astuce avec le plug in que j'ai trouvé.

Voici mon code JS actuellement:

$(document).ready( function () { 
	var lg_doc =$(document).width();
	$.fn.hoverscroll.params = $.extend($.fn.hoverscroll.params, {
		vertical : false,
		width: lg_doc,
		height: 419,
		arrows: false
	});
	$('#my_list').hoverscroll();

});

$(window).resize(function() {
    $('#my_list').unbind();
    var lg_doc =$(document).width();
	$.fn.hoverscroll.params = $.extend($.fn.hoverscroll.params, {
		vertical : false,
		width: lg_doc,
		height: 419,
		arrows: false
	});
	$('#my_list').hoverscroll();
});


Merci d'avance

Marco