PDA

View Full Version : Conveyor Belt



rhorn
03-05-2007, 10:08 PM
1) Script Title: Conveyor Belt

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

3) Describe problem: I am attempting to have the script display pictures (.jpg). The challenge I am having is it seems to only display the top 60 percent of the image. I have cropped some of the pics and added them back in but the portion I cropped out is now the background color. Any help would be appreciated.

Ron

jscheuer1
03-06-2007, 07:31 AM
In this section:


<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="300px"
//Specify the slider's height
var sliderheight="150px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=3
//configure background color:
slidebgcolor="#EAEAEA"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://"><img src="dynamicbook1.gif" border=1></a>'
leftrightslide[1]='<a href="http://"><img src="dynamicbook2.gif" border=1></a>'
leftrightslide[2]='<a href="http://"><img src="dynamicbook3.gif" border=1></a>'
leftrightslide[3]='<a href="http://"><img src="dynamicbook4.gif" border=1></a>'
leftrightslide[4]='<a href="http://"><img src="dynamicbook5.gif" border=1></a>'

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

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


////NO NEED TO EDIT BELOW THIS LINE////////////

Did you accurately set the (red highlighted) height? If that is not the trouble, we would probably need a link to your problem page to see what's doing that.

rhorn
03-06-2007, 04:30 PM
I can adjust the sliderheight to a setting that displays the entire picture. The challenge I have with doing that is I am attempting to use conveyor belt within a page that has other elements. when I adjust it big enough to display entire image it then becomes too large for the page.

Can you tell me the best way to get both the conveyor and images to a small size and still display entire image?

Ron

jscheuer1
03-06-2007, 04:39 PM
Resize and/or crop the images in an image processing program to make them the right (required) size and set the height correctly in the script.

himannv
04-20-2007, 11:25 AM
Ok I didn't want to start a brand new topic for this (not important enough I think) so I'll just ask here.. I have a code from dynamic drive which one of the admins posted I think. They posted it in the forum so I cant exactly find it to show u the link.. This code doesn't have the var imagegap=" " bit and I want to add it.. However it doesn't seem to work so is there any other additional code I need to include? Its a vertical conveyor belt and I want
to also center the slideshow. There are no tables or anything in it and hence I dont know where to add the align property..

Here's a link of what it looks like now!! http://www.jebz.lk/lemp.htm

Thanks in advance!!

jscheuer1
04-20-2007, 02:18 PM
Ok I didn't want to start a brand new topic for this (not important enough I think) so I'll just ask here.. I have a code from dynamic drive which one of the admins posted I think. They posted it in the forum so I cant exactly find it to show u the link.. This code doesn't have the var imagegap=" " bit and I want to add it.. However it doesn't seem to work so is there any other additional code I need to include? Its a vertical conveyor belt and I want
to also center the slideshow. There are no tables or anything in it and hence I dont know where to add the align property..

Here's a link of what it looks like now!! http://www.jebz.lk/lemp.htm

Thanks in advance!!

Just put something like so in your style section:


#iemarquee img, #iemarquee2 img {
margin-bottom:1ex;
}

himannv
04-23-2007, 05:22 AM
It works ok. Thanks for your help.