Suivez les fils RSS
 

Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • CSS2
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • Memento XHTML
  • WordPress 3 100% pratique
  • jQuery et jQuery UI
Auteur
hchtot
#
Citer
181 Posts
Bonjour,

J'ai l'habitude, quand je fais un slider d'images en jquery, d'utiliser la fonction animate de jouer sur le margin left de mon élément ul. Seulement là, je en train d'en faire un avec énormément d'images et du coup, quand le margin left devient trop important, mon animation rame à mort... Quelqu'un sait-il pourquoi ? Devrais-je procéder autrement ?

Voici mon code :

$(document).ready(function(){	

	/* Déclaration des valeurs de base */
	var nbImgTot = $('.slider_content ul li').length;
	var nbImgAff = 6;
	var stop = -(nbImgTot-nbImgAff)*143;
	
	/* Déclaration de la fonction jQuery de l'animation du slide */
	$.fn.goSlider = function(){
		$(".slider_content ul").animate( {marginLeft: stop}, 90000 );
	};
	/* Initialisation de l'animation */
	$(".slider_content ul").goSlider();
	
});


D'avance merci !
Modifié par hchtot (13 Feb 2012 - 14:35)

http://www.tvennin.com 
^
adrien881
#
Citer
136 Posts
Si tu veux de la performance utilise les transitions css3. Elles sont compatibles depuis longtemps dans la plupart des navigateurs autre que explorer.
Pour internet explorer, il faut encore passer par ses filtres propriétaires qui donnent eux aussi des animations fluides.

^
hchtot
#
Citer
181 Posts
Merci pour ta réponse mais je souhaite rester sur une solution en javascript.

http://www.tvennin.com 
^