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 veranderd (mbv jQuery Cycle plugin).
Dit is mijn code tot nu toe:
Als ik deze houd zoals hierboven werkt alleen de scroll functie perfect.
Maarrr ik wil het beide tegelijk
Kan dit? Zo ja, wat is de oplossing?
thx!
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 veranderd (mbv jQuery Cycle plugin).
Dit is mijn code tot nu toe:
Als ik nu de eerste }); verplaats naar het einde werkt de afbeelding verander functie perfect<script type="text/javascript">
$(document).ready(function () {
$.localScroll.defaults.axis = 'x';
$.localScroll();
});
$('#slideshow').cycle({
fx : 'scrollLeft',
timeout: 0,
speed: 800,
startingSlide: 0
});
$('#nav.product').click(function () {
$('#slideshow').cycle(1);
return false;
});
$('#nav.graphic').click(function () {
$('#slideshow').cycle(2);
return false;
});
$('#nav.sketching').click(function () {
$('#slideshow').cycle(3);
return false;
});
$('#logo').click(function () {
$('#slideshow').cycle(0);
return false;
});
Als ik deze houd zoals hierboven werkt alleen de scroll functie perfect.
Maarrr ik wil het beide tegelijk
Kan dit? Zo ja, wat is de oplossing?
thx!