PDA

View Full Version : why is stepcarousel not working?



autumnwater
09-07-2008, 04:46 PM
Hello,
I use stepcarousel for my website.
I put all pictures (<div class='panel' id='img' style='float: left;overflow: hidden; margin: 10px;width: 435px;'>) into an array and use document.getElementById("img").innerHTML = myimg[thisPic];
to display image. The problem I have is that image just change not move like link below:
http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm
Everyone please have a look and help me.
Thank you.

ddadmin
09-07-2008, 05:28 PM
Your CSS is missing some crucial selectors that exist in the default code. For example, the line in red should be present on your page:


.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

autumnwater
09-08-2008, 11:00 AM
Thank for your help. I checked and added some crucial selectors but it still does not work like DD script. You can see at link
I don't know if I miss anything else.
Hope to receive your ideas.
Many thanks.

ddadmin
09-08-2008, 11:40 PM
I'm getting an "account suspended" when trying to view your site. Please update this thread when it's back online for me to check out.

autumnwater
09-11-2008, 04:24 AM
Hello,
The new link is http://210.245.122.22/~graphictes/kieugiangnew/paint/1.html
I don't know if I miss something so it doesn't work correctly.
Please help me.
Thanks.

ddadmin
09-11-2008, 01:21 PM
In FF, the animation is working now. However, I see you've only defined 1 panel within your Step Carousel content:


<div id="mygallery" class="stepcarousel">
<div class="belt">
<div class="panel" id="img" ><img src='../pictures/products/h_28930292kg1999_08.jpg'/></div>
</div>
</div>

In this case, it's almost pointless to use this script, as it's meant to display multiple panels. Instead of changing the image within the lone panel each time the navigation buttons are clicked on, you should embed all the images as individual panels within the script. Either that, or just use a slideshow script (http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm) instead.