11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je n'y connais rien en javascript c'est pour je recherche un script pour faire défiler les images comme cela se fait sur le site suivant (cf le bandeau "selon vos envie") :
http://www.vdm.com/voyage-sur-mesure/

J'ai bien trouvé des scripts sur le net qui s'y rapproche mais ça ne me plait pas comme :
=> Là il faut cliquer sur les flèches
http://forum.alsacreations.com/topic-5-27153-1-Resolu-Pb-defilement-image.html

=> La méthode iphone ne correspond pas non plus même si j'ai essayé le script est qu'il fonctionne très bien :
http://www.javascriptfr.com/codes/DEFILEMENT-IPHONE_52336.aspx

Connaissez-vous un script réalisant ce que fait voyageur du monde ? Sachant que je n'arrive pas à lire leur code source du javascript.

Merci
salut,
je ne sais pas si tu as trouvé. a tous hazard :
a premiere vue isl utilise jquery 1.3.2 min

ensuite
tu met ce script

[code]$(function(){
	//Get our elements for faster access and set overlay width
	
var div = $('div.sc_menu'),
		ul = $('ul.sc_menu'),
		ulPadding = 15;
	
	//Get menu width
	var divWidth = div.width();

	//Remove scrollbars	
	div.css({overflow: 'hidden'});
	
	//Find last image container
	var lastLi = ul.find('li:last-child');
	
	//When user move mouse over menu
	div.mousemove(function(e){
		//As images are loaded ul width increases,
		//so we recalculate it each time
		var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;	
		var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
		div.scrollLeft(left);
	});
});
désolé une erreur de frappe et mon message est parti
ensuite dans le code HTML

<div class="classDiv" >
     <ul class="classUl">
         <li>[i]une images[/i]</li>
         [i]etc ....[/i]     
</ul>

</div>

la div doit etre positionner en relative ou absolute , l overflow a hidden
et sa taille definie width et height apres tu mets ce que tu veux pour l apparence.
ensuite c est un menu horizontal voir les tutos sur ce site
le ul doit avoir une largueur suffisante pour contenir toute les images et plus grande que la div
les balises li doivent etre en float left ou right

dans le code
[code]var div = $('div.sc_menu'),
		ul = $('ul.sc_menu'),

tu remplace
sc_menu par le nom de ta class pour ta div
et pareil pour ul
voila merci jquery