View Full Version : Conveyor Belt Script Not working

12-16-2008, 10:17 PM
1) Script Title: Conveyor Belt slideshow script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm

3) Describe problem:

I only get one picture to appear and it appears twice. The scrolling isn't very smooth either. The width is not as I've specified. I'll paste in the code all down to the do not edit line. I have tried putting the code in twice, thinking I unknowingly edited some of it, still same result.

<script type="text/javascript">

* Conveyor belt slideshow script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

//Specify the slider's width (in pixels)
var sliderwidth="975px"
//Specify the slider's height
var sliderheight="152px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=3
//configure background color:

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="international.cfm"><img src="images/International/AuCoer.jpg" border=0></a>'
leftrightslide[1]='<a href="international.cfm"><img src="images/International/Bahamas.jpg" border=0></a>'
leftrightslide[2]='<a href="international.cfm"><img src="images/International/BahamasHouse.jpg" border=0></a>'
leftrightslide[3]='<a href="international.cfm"><img src="images/International/CaboVillaCostaRica.jpg" border=0></a>'
leftrightslide[4]='<a href="international.cfm"><img src="images/International/ChartreuseFrance.jpg" border=0></a>'
leftrightslide[5]='<a href="international.cfm"><img src="images/International/MadonneFrance.jpg" border=0></a>'
leftrightslide[6]='<a href="international.cfm"><img src="images/International/PenthouseFrance.jpg" border=0></a>'
leftrightslide[7]='<a href="international.cfm"><img src="images/International/RenCastle.jpg" border=0></a>'

//Specify gap between each image (use HTML):
var imagegap=" "

//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=2

12-17-2008, 03:56 AM
Try setting all of the things to default, then slowly update it to how you want it. In between every update see if it is malfunctioning if it is then you know the problem, then post what you found. Also do you have a link to your page?

12-17-2008, 07:45 AM
Sounds like your images might be set:

display: block;

But it could be a number of things:

Please post a link to the page on your site that contains the problematic code so we can check it out.

12-17-2008, 02:00 PM
Page as it is in Progress

Thank you

12-17-2008, 05:05 PM
I was correct, you have:

td img {display: block;}body {
background-color: #000000;


#test2 img, #test3 img, #temp img {
display: inline!important;

There could also be other problems. But this will show a big improvement.

12-17-2008, 06:44 PM
#test2 img, #test3 img, #temp img {
display: inline!important;

Where exactly are you saying to put this code??

In the <head> with the other style or inline with each image??

The listing of the images I assume should be the file names?

image1.jpg, image2.jpg, image3.jpg {
display: inline!important;


12-17-2008, 09:03 PM
Just copy the code that John wrote:

#test2 img, #test3 img, #temp img {
display: inline!important;
and paste it exactly how it is in the the head section with the other style. What the code does is that it targets all the images in the tags with the given id values (test2, test3 and temp). All you need to do is copy and paste the code, don't change anything.

12-18-2008, 05:22 AM
#test2 img, #test3 img, #temp img {
display: inline!important;

Where exactly are you saying to put this code??

Put it right here:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<title>Lisa Bagby | World Homes and Luxury Properties</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}body {
background-color: #000000;

#test2 img, #test3 img, #temp img {
display: inline!important;
<!--Fireworks CS3 Dreamweaver CS3 target. Created Fri Dec 12 13:24:46 GMT-0600 (Central Standard Time) 2008-->
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloa . . .