localScroll heeft vertraging na verloop van tijd

Pagina: 1
Acties:

Onderwerpen


Acties:
  • 0 Henk 'm!

  • MethodP
  • Registratie: Augustus 2005
  • Laatst online: 10-06 20:34
Hallo iedereen,

Ik ben net een beetje begonnen met een website maken met css en jQuery.

Nu wil ik dat als ik op een navigatie knop (een div, #nav.<knop>) druk er twee dingen gebeuren:

- Er wordt gescrolld naar het betreffend deel van de pagina
- De afbeelding in een andere div (op de achtergrond) verandert (mbv jQuery Cycle plugin).

Dit is mijn code tot nu toe:

JavaScript:
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
        $(document).ready(function () {

                $('#slideshow').cycle({ 
                fx : 'scrollLeft',
                timeout: 0, 
                    speed:   500, 
                    startingSlide: 0 
                });


                $('#nav.product').click(function() {                
                $('#slideshow').cycle(1); return false,             
                $.localScroll({axis:'x', duration: 400, hash: false })              
                }); 

                $('#nav.graphic').click(function() { 
                $('#slideshow').cycle(2); return false,
                $.localScroll();
                });

                $('#nav.sketching').click(function() { 
                $('#slideshow').cycle(3); return false,
                $.localScroll();
                });

                $('#nav.photo').click(function() { 
                $('#slideshow').cycle(4); return false,
                $.localScroll();
                });

                $('#nav.about').click(function() { 
                $('#slideshow').cycle(5); return false,
                $.localScroll();
                });

                $('#nav.contact').click(function() { 
                $('#slideshow').cycle(6); return false,
                $.localScroll();
                });


                $('#logo').click(function() { 
                $('#slideshow').cycle(0); return false,
                $.localScroll();
                });
        });

Code kan ook een taal bevatten zoals [code=js][/] :)
Het werkt, echter heeft de localScroll functie heeft na een paar keer een vertraging in het scrollen. Waarom is dit? Moet de scroll functie anders worden opgeroepen?

[ Voor 2% gewijzigd door BtM909 op 11-11-2010 16:14 ]