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:
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?
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 ]