scrollTo jquery navigation horizontale

**siu.territories** · 04/11/2010, 20h28

Bonjour à tous,

J'ai utilisé le script ScrollTo que l'on trouve sur ce site : http://demos.flesler.com/jquery/localScroll/#section1

L'idée étant à partir d'un lien dans un menu, d'arriver sur un contenu précis dans la page, organisée de manière horizontale : visuellement ce sont des images placées les unes à côté des autres, dans le html ce sont des div qui flottent entre elles.

Le pb étant : l'endroit ciblé n'est pas bien calé (positionné). Il faudrait que la div ciblée se cale exactement à côté du menu.

Vous pouvez voir ce que cela donne sur : http://a.mydlarz.free.fr
en cliquant dans le menu sur "shows" / "bio" / "photos" / "albums" ou "Videos".

merci de votre aide précieuse
les yeux brulent devant l'écran...

siu siu

**siu.territories** · 07/11/2010, 18h01

Entre temps, j'ai trouvé l'erreur de débutante !

1. dans le <head>, 2 liens vers des fichiers javascript highslide (pour les photos)

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<script type="text/javascript" src="themes/highslide/highslide-full.js"></script>
 
<link rel="stylesheet" type="text/css" href="themes/highslide/highslide.css" />

Jusque-là tout était ok

2. toujours dans le <head>, dans le code suivant, ligne 2 : je n'avais pas actualisé le lien vers le dossier "graphics" : "'nom du dossier / nom du dossier /graphics/';

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<script type="text/javascript">
        hs.graphicsDir = 'themes/highslide/graphics/';
        hs.align = 'center';
        hs.transitions = ['expand', 'crossfade'];
        hs.outlineType = 'rounded-white';
        hs.fadeInOut = true;
        hs.dimmingOpacity = 0.75;
 
        // define the restraining box
        hs.useBox = true;
        hs.width = 600;
        hs.height = 440;
 
        // Add the controlbar
        hs.addSlideshow({
                //slideshowGroup: 'group1',
                interval: 5000,
                repeat: false,
                useControls: true,
                fixedControls: 'fit',
                overlayOptions: {
                        opacity: 0.8,
                        position: 'bottom center',
                        hideOnMouseOut: true
                }
        });
</script>

Voilà ça aidera peut-être d'autres personnes...

scrollTo jquery navigation horizontale

jQuery

Vue hybride

Discussions similaires

Partager

Partager