Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 16/11/2010, 10h38   #1
Invité de passage
 
Inscription : mai 2010
Messages : 12
Détails du profil
Informations forums :
Inscription : mai 2010
Messages : 12
Points : 3
Points : 3
Par défaut plugin LocalScroll. Comment puis-je ajouter un scroll vertical sur ma page Galerie ?

Bonjour,
dans le cadre d'un projet perso j'essaye d'utiliser le plugin pour jquery LocalScroll, disponible ici : http://flesler.blogspot.com/2007/10/...scroll-10.html

Je vous mets la page sur laquelle je bosse pour comprendre la suite, parce que ca risque d'être assez flou :p
http://dsebastien.delrue.free.fr/random/zabeth/

Je m'en sert pour la création d'un portfolio pour quelqu'un de la famille.
Le plugin me sert pour faire un scroll horizontal entre mes 5 pages.
Ça, ca marche nickel, chaque DIV possède une ID, et chaque lien de mon menu appelle index.html#madiv
Avec ou sans le javascript, aucun souci.
La ou je bloque c'est pour rajouter un autre scroll, vertical cette fois ci, dans la page Galerie.

Voilà comment est appelé le plugin :
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
$(document).ready(function() {
		$.localScroll.hash({
			target: '#content', // Could be a selector or a jQuery object too.
			axis:'x',
			queue:true,
			duration:1500
		});
		$.localScroll({
		   target:'#content',
		   axis:'x',
		   duration:1000,
		   hash:true,
		   queue:true //one axis at a time
		});
	});
#content étant le conteneur contenant mes 5 DIV.

Du coup, je ne vois pas trop comment appeler le plugin une autre fois pour mon autre scroll sans que tout se mélange.
J'ai essayé :

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
$(document).ready(function() {
		$.localScroll.hash({
			target: '#content', // Could be a selector or a jQuery object too.
			axis:'x',
			queue:true,
			duration:1500
		});
		$.localScroll({
		   target:'#content',
		   axis:'x',
		   duration:1000,
		   hash:true,
		   queue:true //one axis at a time
		});
		$.localScroll.hash({
			target: '#content_gal', // Could be a selector or a jQuery object too.
			axis:'y',
			queue:true,
			duration:1500
		});
		$.localScroll({
		   target:'#content_gal',
		   axis:'y',
		   duration:1000,
		   hash:true,
		   queue:true //one axis at a time
		});
	});
#content_gal étant le conteneur qui contient mes DIV pour la galerie.
Du coup, ca marche, mais à moitié juste.
Mon scroll vertical se fait correctement, mais ma "page" galerie se décale un peu de façon a venir mettre mon content_gal complètement a gauche.

Du coup, la j'avoue que je bloque :/
J'ai essayé divers trucs mais sans succès !

J'accepte toute pistes ou tout conseils (même si ca n'a rien a voir avec le problème, mais avec le reste du code :p)

merci !
Cromwell est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/11/2010, 11h07   #2
Membre éclairé
 
sébastien courjean
Inscription : novembre 2010
Messages : 204
Détails du profil
Informations personnelles :
Nom : sébastien courjean
Localisation : France, Indre et Loire (Centre)

Informations forums :
Inscription : novembre 2010
Messages : 204
Points : 319
Points : 319
A mon avis tu devrais modifier le code du plugin localscroll en lui-même, j'avais aidé quelqu'un comme ça pour un autre plugin scrollbar. Parce qu'il doit générer des éléments html avec des ID unique et du coup si il en génère plusieurs bah au lieu d'aller sur le 2ème il va toujours sur le 1er.
scourjean est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 18h03.


 
 
 
 
Partenaires

Hébergement Web