View Full Version : Ultimate Fade In Show - how to position within page?

01-07-2008, 03:38 AM
1) Script Title: Ultimate Fade in Slide Show

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

3) Describe problem:
I am new. I got the script working but I would like some reference in how to specify an exact position of the slide show within my page. I see something on how to center but I would like a code reference on how to specify its location on where it appears. Right now it just shows up in the upper left hand corner of the page.:confused: Any help would be appreciated.

01-07-2008, 04:10 AM
The script acts just like a division element:



So you can place it in your page's source code just as you would any division element.

The width and height of the division are the width and height you have set for the slide show.

Just for your information, although all you put into the source code in the body is something like:

<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 140, 225, 0, 3000, 1, "R")

The browser sees it something like so:

<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, pause, optionalRandomOrder)
new fadeshow(fadeimages, 140, 225, 1, 3000, 1, "R")
</script><div id="master0" style="overflow: hidden; position: relative; width: 142px; height: 227px;"><div id="canvas0_0" style="position: absolute; width: 142px; height: 227px; top: 0pt; left: 0pt; opacity: 0.990099; background-color: white; z-index: 1;"><a href="http://www.javascriptkit.com" target="_new"><img src="http://www.dynamicdrive.com/dynamicindex14/photo3.jpg" border="1"></a></div><div id="canvas0_1" style="position: absolute; width: 142px; height: 227px; top: 0pt; left: 0pt; opacity: 0.990099; background-color: white; z-index: 1;"><img src="http://www.dynamicdrive.com/dynamicindex14/photo1.jpg" border="1"></div></div>

Now, none of that may mean too much to you yet, as I recall you are the person using Yahoo Site Builder. Here is what I would suggest:

Forget about the script for a moment. Place an image on your page. Use one of the ones from the slide show. Edit the image tag so that it has this style:

<img src="whatever.jpg" style="display:block;">

Go back to design view or whatever it is called. Move the image around, put it inside things or wherever you like on the page. Once you have it where you want it, replace the img tag with the in body script tag.

02-13-2008, 12:08 AM
Insert the HTML in the head just as you were. Do not insert the HTML in the body or after body pop-up block in SB. Instead, right click on the screen, select INSERT, then CODE ELEMENTS, then HTML. Paste the HTML that is for the body there. An HTML field will then show up on your page. Size it accordingly and place it where you want it. I just figured this out, I hope it makes things easier for your next slideshow. Thanks for your posts, as they made getting started easier for me.