Phoca Forum

Posted: **02 Jun 2011, 20:41**

I do have a slideshow on page that is made this way:

{pgslideshow id=3|pgslink=2|delay=3000|image=L}

Problem is that after a few cycles, the menus of the website goes under the Slideshow.
I did a bit of investigating with Firebug and it seems that the z-index of the slideshow is being incremented with every cycle until it goes over whatever is set for the menu...

Code: Select all

<div id="canvas0_0" style="position: absolute; width: 640px; height: 480px; top: 0pt; left: 0pt; opacity: 0.990099; background-color: white; z-index: 7;">
<div style="text-align:center;valign:middle">
</div>
<div id="canvas0_1" style="position: absolute; width: 640px; height: 480px; top: 0pt; left: 0pt; opacity: 0.990099; background-color: white; z-index: 6;">

after a few minutes:

Code: Select all

<div id="canvas0_0" style="position: absolute; width: 640px; height: 480px; top: 0pt; left: 0pt; opacity: 0.693069; background-color: white; z-index: 75;">
<div style="text-align:center;valign:middle">
</div>
<div id="canvas0_1" style="position: absolute; width: 640px; height: 480px; top: 0pt; left: 0pt; opacity: 0.990099; background-color: white; z-index: 74;">

Any idea how to fix this?

Thanks

Posted: **06 Jun 2011, 22:52**

Hi, no

I think this is the feature of the slideshow javascript to allways show the actual image

Jan

Phoca Forum

z-index of slideshow gets incremented

z-index of slideshow gets incremented

Re: z-index of slideshow gets incremented