Printable View
1) Script Title:
fadeslideshow
2) Script URL (on DD):
ttp://www.dynamicdrive.com/dynamici...nslideshow.htm
3) Describe problem:
Hi, i include your Fadeslideshow into my website. I have the problem that if the pictures are changeing the picture covers the menue. I tried to use z-index to get it in backgroud, but it won't work.
Does someone has an idea what i can do?
thanks a lot
Tobias
I'm assuming you mean this slideshow:
http://www.dynamicdrive.com/dynamici...nslideshow.htm
But the solution is pretty much the same with any such slideshow, and you have the right idea, z-index. I'm not sure what you tried to do with z-index though. People often first try setting the z-index on the slideshow. That doesn't work because its z-index is integral to its operation and set in a dynamically changing pattern by the script. What you need to do is raise the z-index of the menu. Usually just making sure that the root element (usually a div or a ul) of the menu is positioned fixed, absolute, or relative (it may already be one of these, but if it's not, choose relative), and it's z-index is set higher than the highest (1000, if you're using the slideshow I think you are) used by the slideshow should do the trick. So something like so (assuming the div shown is the root of the menu):
You can also add these styles in a stylesheet if the menu root element has a class name or a unique id, or if it doesn't, you can give it one for that purpose.Code:<divstyle="position: relative; z-index: 1001;">menu is here</div>
Sometimes though it can be more complicated, or seem more confusing than it is.
If you want more help, please post a link to the page on your site that contains the problematic situation.