PDA

View Full Version : How to hide placeholder icon? Carousel script



edikaufmann
08-03-2006, 10:08 AM
1) Script Title: Carousel Slideshow script- Ger Versluis 2003

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

3) Describe problem:

RE: * Carousel Slideshow script- Ger Versluis 2003

when using below calculation / settings I always see on the screen the 'frame' and, in the upper left corner of the placholder frame, a red plus sign of the placeholder object (looks like the placholder 456 Object doesn't find a picture; see attached picture file - please ignore the dotted line on the picture). Your demo doesn't show that at all! Otherwise the script works fine.

????? How can I make it invisible? perhaps my calculation is wrong!

thanks
ed

My calculation for placeholder:

placeholder width = (274 + 5) * 2.62 = 730.98 = 731
trying
placeholder width = 2.62 * 274 + 5 = 722.88 = 723 does the same thing!


/***********************************************
* Carousel Slideshow script- Ger Versluis 2003
* Permission granted to DynamicDrive.com to feature script
* This notice must stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

/********************************************************
Create a div with transparent place holder in your html
<div id="Carousel" style="position:relative">
<img src="placeholder.gif" width="404" height="202">
</div>
placeholder width:
4 sided: 1.42 * carousel image width + 3
6 sided: 2 * carousel image width +4
8 sided: 2.62 * carousel image width + 5
12 sided: 3.87 * carousel image width + 7
placeholder height:
carousel image height+2

Insert onload in body tag
<body onload="Carousel()">
*********************************************************/

// 7 variables to control behavior
var Car_Image_Width=274;
var Car_Image_Height=250;
var Car_Border=true; // true or false
var Car_Border_Color="white";
var Car_Speed=2;
var Car_Direction=true; // true or false
var Car_NoOfSides=8; // must be 4, 6, 8 or 12

/* array to specify images and optional links.
For 4 sided carousel specify at least 2 images
For 6 sided carousel specify at least 3
For 8 sided carousel specify at least 4
For 12 sided carousel specify at least 6
If Link is not needed keep it ""
*/

<div id="Carousel" style="position:relative ; TOP: 280px; LEFT:2px">
<img src="placeholder.gif" width="731" height="252">

boogyman
08-03-2006, 08:24 PM
it has the red x because the image source to that part is incorrect! check your image links

edikaufmann
08-04-2006, 05:48 AM
Hi Pissa,

thanks a million! ... in the end it's always easy!
have a good day ed