If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

#controls$ - outer division for the controls, if using images for buttons, this is actually a table.

#prev$ - input button for previous image.

#gostp$ - input button that starts or stops the slide show (a toggle).

#next$ - input button for next image.

#goto$ - text input for jumpto feature.

#go$ - input button "GO" button for jumpto feature.

Each slideshow on your page has a number. The first one is 0, the second one is 1 and so on. If you only have one slideshow, it's 0. So to style the description's outer container for it, use a style rule like (for example, replacing the $ with the number corresponding to the slideshow):

Code:

#desc0 {
position: relative;
top: - 5px;
}

The script also adds the following optional configuration properties:

slides#.previous_value - defaults to ' << '

slides#.next_value - defaults to ' >> '

slides#.move_desc_up - set to 1 to move descriptions up for shorter images, requires position:relative; and z-index:100; for #imgdsc$ style selector.

I have to add a thanks too. It was just last night that I ran into a need to adjust the alignment and Voila!, you posted the fix.

Follow up question though, I'm trying to format a page to also load on smart phones sans images. I know I can write jscripts to suppress it, but at present I have the reformatting working perfectly with a minimum of CSS adjustments.

Any thoughts on how CSS can stop or hide the slideshow? So far I haven't hit on it myself.