PDA

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



vlastanovak
09-01-2010, 04:12 AM
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
09-01-2010, 04:20 AM
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
09-01-2010, 05:47 AM
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>