Ultimate Fade-in slideshow (v2.4): Navigation on Top?

[vlastanovak]

1) Script Title: Ultimate Fade-in slideshow (v2.4)

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

3) Describe problem:

Hi guys,

I think this is a relatively straight forward question, but I can't seem to find the answer myself!

Basically, what I'd like to do is, have the navigation controls ON TOP of the actual slideshow as opposed to being below it. So the left image will be aligned to the left of the slideshow on the inside and vice versa with the right.

Anyone know how to do this?

Thanks in advance.

[vlastanovak]

I've tried doing it like this..


<div id="slide">

<div id="toggler" style="margin-top:80px">
<a href="#" class="prev"><img src="../wp-content/themes/6a4/images/left.png" style="border-width:0; float:left" /></a><a href="#" class="next"><img src="../wp-content/themes/6a4/images/right.png" style="border-width:0; float:right" /></a>
</div>

</div>

But the toggler div seems to be hidden behind the actual slides, as opposed to being on top.

[jscheuer1]

Try:


<div id="slide">

<div id="toggler" style="margin-top:80px; position: relative; z-index: 10000;">
<a href="#" class="prev"><img src="../wp-content/themes/6a4/images/left.png" style="border-width:0; float:left" /></a><a href="#" class="next"><img src="../wp-content/themes/6a4/images/right.png" style="border-width:0; float:right" /></a>
</div>

</div>