Cycle plugin; Issue with order of slides
I'm in the middle of creating an online magazine for which im using the cycle plugin by malsup.
Each article within the magazine can contain multiple pages and each page has a backgroundimage defined.
Browsing through an article is done by clicking a previous and next button.
When a button is clicked, two things happen separately.
The actual content (text and images) moves up or down by changing the top position of each 'page'.
The backgroundimage, however, is changed by making use of the cycle plugin.
Everything works but the order of the slides work fine.
It starts with picture 2, but when the next button is clicked, it show picture3 and then picture2.
Here's my HTML:
<div id="background" style="overflow: hidden;">
<img id="background-image1" width="100%" height="100%" src="/picture1.jpg">
<img id="background-image2" width="100%" height="100%" src="/picture2.jpg">
<img id="background-image3" width="100%" height="100%" src="/picture3.jpg">
</div>
And here's my script:
$('#background').cycle({
fx: 'scrollVert',
prev: '#button-nav-down',
next: '#button-nav-up',
speed: 305,
random: 0,
timeout: 0
});
Why doesn't it use the order of the images in the source?
And if it actually does change it, how does it define the order?