Width problem with Stepcarousel viewer 1.8

[timjanssen_nl]

Hi There,

I'm facing a small problem with the Stepcarousel viewer 1.8, please help me out.

url: http://www.imarcom.nl/che_ontwerpstudio/html/html/portfolio.asp

1) I've loaded 12 images in the slideshow.
2) These images are presented correctly and the slideshow plays them when the visitor does nothing.
3) When the slideshow starts with the last image it looks like it has reserved an extra white space for a image that doesn't exist.

The problem is that when the slideshow must stop, it adds extra room for a image that doesnt exist.

I've tried to configure the script with the setup properties in the file, but this doesn't help.

Kind regards, Tim

[ddadmin]

Warning: Please include a link to the DD script in question in your post. See this thread (http://www.dynamicdrive.com/forums/showthread.php?t=6) for the proper posting format when asking a question.

Hmm I'm not sure I understand. When one get to the last image, there is naturally a big gap to the right of the image, as the width of the Carousel is wider than the last image. Also, you say:


When the slideshow starts with the last image it looks like it has reserved an extra white space for a image that doesn't exist.

Since you have persistence disabled, the slideshow always starts at the very first image actually when the page loads, never at the last image.

Please clarify your question.

[timjanssen_nl]

I have clarified my problem with a screenshot.

http://www.imarcom.nl/che/probleem_gerrit.png

The purple part right shouldn't appear there. Simple reason is that there is no image to be shown or whatsoever.

So the carousel has to stop after the last image, and not add an extra empty image...

[ddadmin]

Try defining an explicit width for each .panel DIV in your CSS that matches or exceeds the width of the image contained inside it, ie:


.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 18px; /*margin around each panel*/
width: 270px;
}

[timjanssen_nl]

I've done this already.



.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 0px;
width: 284px;}
/

The total width of the div containing the slideshow images is 3408 px. This is 12(nr of pics) * 284 px.

Still the script add's extra whitespace as described above.