Hello
I have a slideshow which I have implemented with an empty modul, where
I have the following code:
<div id="slideshow" />
<div id="mask" />
<div id="slides" />
<span><img src=""templates/royalparking/images/slide_1,jpg"
alt="alt" /></span>
<span><img src=""templates/royalparking/images/slide_2,jpg"
alt="alt" /></span>
<span><img src=""templates/royalparking/images/slide_3,jpg"
alt="alt" /></span>
<p id="handles">
<img src="templates/royalparking/images/transparent.gif" alt="1"
height="20" width="20" />
<img src="templates/royalparking/images/transparent.gif" alt="2"
height="20" width="20" />
<img src="templates/royalparking/images/transparent.gif" alt="3"
height="20" width="20" />
</p>
The transparent gif's are buttons below the slides, where you can change
the slide manually.
My php file looks as following:
window.addEvent('domready',function(){
var ns = new noobSlide({
box: $('slides'),
items: $$('div','slides'),
size: 960,
autoPlay: true,
fxOptions:{duration:1000,wait:false},
interval: 8000,
handles: $$('#handles img'),
onWalk: function(currentItem,currentHandle){
this.handles.removeClass('active');
currentHandle.addClass('active');
}
});
})
My problem is now, that after the 3rd slide not the first one is shown
again but the wholde slideshow disappears and the position, where the
slideshow should be is just empty.
With firebug I have found out the following: divid="slides"style="width:
38400px; left: -4800px;">
the value left is counting up always for 960 (size of the slideshow).
When it has reached 1920px, it disappears.
But I have no idea how I can fix this. Any ideas?
Thank you in advance.
