Ultimate Slideshow - Big gap at bottom

[kev100]

Ultimate Slide Show

Using Script exactly as is at:
http://dynamicdrive.com/dynamicindex...nslideshow.htm


Folks,

Using the above code (copy/pasted), I created a basic 10 picture slide show.

It works well...but....when the page is viewed, it has a big gap at the bottom of the rotating images.

I'd like to have text as close to the top and bottom borders as possible...but the bottom of this slide show has what appears to be a kind of grayed-out block at the bottom which is almost exactly the same size as the actual images.

It's like the image is sitting atop a light grey box which is the same size as the image.

The result is that, while the slide show looks nice...the text does not show until way down the page. If the user does not know to scroll down...it looks like the home page just has a title and 1 slide show.

Any help appreciated,
Thanks

[kev100]

also.....

If there is anything that an be done about the above....is it also possible to get existing text to wrap around the slide show?

In addition to the block of space directly below...it also takes up the entire horizontal section of the page.

A sample page with the slide show can be seen here:

http://www.docupic.com/sstest/slideshow.htm

In the coding...even though "BOTTOM TEST TEXT" is directory below the slide show....it is, for some reason, bumped way down when the page is actually viewed.


Thanks very much.

[jscheuer1]

Don't use mso to write your pages if at all possible. The problem you are having is that you have two slide show calls but, only one slide show. Get rid of this:

new fadeshow(fadeimages2, 192, 144, 0, 3000, 0)

To get the remaining slideshow call to behave differently in the layout you can put it in a cell in a table or even in a division with a fixed width that is floated to the left. Table example:

<table>
<tr>
<td><script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 192, 144, 0, 3000, 1, "R") 
</script></td>
<td>Some Text</td>
</tr>
</table>

[kev100]

Thanks very much...that worked great.

The current code will put the show left justified (with text to the right).

Is there any additional coding that enables the show to be either centered (with the text on both sides) or right justified?

Thanks very much.

[jscheuer1]

There are all kinds of ways that you can layout a page. The slide show call:

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

Produces a block level container. This means that it can (and in this case does) have a set width and height (the dimensions you set - 192 x 144) and it creates a line break for itself both before and after wherever you put it.

Placing items in a table will limit this line breaking to the cell (<td> </td>) element in which they reside.

To right justify, just switch the cells, to center between texts, add another cell with text before the slide show's cell. Tables aren't really the best choice for this sort of thing but, they are easier to understand than floats.

If you want to learn how to write HTML code, there are many good and many not so good sources on the web. Here's a fairly good one:

http://www.w3.org/MarkUp/Guide/

and another good one that is more interactive:

http://www.w3schools.com/html/default.asp

[kev100]

Thanks very much !

This has been an enormous help..