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 17/06/2011, 23h58   #1
Membre du Club
 
Inscription : novembre 2005
Messages : 179
Détails du profil
Informations personnelles :
Âge : 24

Informations forums :
Inscription : novembre 2005
Messages : 179
Points : 60
Points : 60
Par défaut Multiple scrollTo

Bonjour,
voici la page ou je voudrais appliquer un multiple scrollTo en jQuery mais je ne parviens pas à le faire. http://b-website.com/alodra/bijoux.php
En effet, comme vous pouvez le constater sur cette page, j'ai plusieurs types de bijoux que je voudrais classer, je m'explique :
imaginez que j'ai 3 sortes de bijoux.
- bagues
- colliers
- boucles d'oreilles
Je voudrais que l'internaute puisse à travers la div de hauteur fixe (celle actuellement avec un scroll) cliquer sur un lien bague, collier, boucle d'oreille et que le div défile doucement vers le début de sa catégorie. En gros remplacer mes actuels boutons "haut de page".

Je m'arrangerais pour qu'il y est un nombre identique de produit par catégorie, je fixerais la hauteur de la div en conséquence et je supprimerais ensuite les barres de défilement pour que la "navigation" ne ce face qu'à travers ces "bouton catégories".

Vous pouvez constater que j'ai déjà un script similaire pour un retour en haut de page mais j'ai essayer de le modifier pour l'appliquer à ma div et je n'y suis pas parvenu.

J'espère avoir été claire ds mes explications.

Par avance merci pour votre aide.
Bonne soirée.
brisso est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 18/06/2011, 09h41   #2
Membre du Club
 
Inscription : novembre 2005
Messages : 179
Détails du profil
Informations personnelles :
Âge : 24

Informations forums :
Inscription : novembre 2005
Messages : 179
Points : 60
Points : 60
Bonjour,
je penses avoir trouvé mon bonheur. Je reviens vers vous en cas de problèmes.
Bonne journée.

http://flowplayer.org/tools/demos/scrollable/vertical.html
brisso est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 19/06/2011, 15h43   #3
Membre du Club
 
Inscription : novembre 2005
Messages : 179
Détails du profil
Informations personnelles :
Âge : 24

Informations forums :
Inscription : novembre 2005
Messages : 179
Points : 60
Points : 60
Me revoilà...je poursuis donc mon monologue...

Alors comme vous pouvez le constaté, j'ai réussi à faire plus ou moins ce que je souhaitais mais je voudrais peaufiner un peu la chose et jouer sur la vitesse de transition.
Alors j'ai bien utilisé le script que vous trouverez dans le lien si dessus et j'ai essayé de "bidouiller" pour augmenter la durée de l'animation.

j'ai fais ça :

Code :
1
2
3
4
5
$(function() {		
 
	$(".scrollable").scrollable({ vertical: true, mousewheel: false},2000);	
 
});
Oulala me direz vous, il a ajouter un "2" et trois "0" après la virgule.
Mais n'étant pas un intellectuel du JS, je ne sais pas quoi faire de plus pour y parvenir.
Pourriez vous m'aider ?

Merci

PS : pourriez vous me dire si vous voyez un bug au niveau du slider du bas de page "boutique" chez moi le 2 n'apparaît pas...
brisso est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 19/06/2011, 15h51   #4
Membre du Club
 
Inscription : novembre 2005
Messages : 179
Détails du profil
Informations personnelles :
Âge : 24

Informations forums :
Inscription : novembre 2005
Messages : 179
Points : 60
Points : 60
bon ba je poursuis et clos le débat...seul...(sniff)
La réponse était sous mon nez dans un autre script utilisant la même bibliothèque http://flowplayer.org/tools/demos/sc...le/easing.html

Ce qui me donne donc :
Code :
1
2
3
4
5
$(function() {		
 
	$(".scrollable").scrollable({ vertical: true, mousewheel: false, speed: 2000});	
 
});
Voilà merci de m'avoir lu...

A plouch

PS : si vous vouliez bien jeter un petit coup d'oeil au postscriptum ci-dessus...
brisso est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 01h17.


 
 
 
 
Partenaires

Hébergement Web