search

joeblack9988 / slideshow

Automatically exported from code.google.com/p/slideshow
0 stars 0 forks source link

Transparent overlay #143

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 years ago 
I am trying to place a transparent gif over the slideshow images to try to 
discourage the lay user from downloading the image by doing a right click save 
as. Here is my code:

    <div id="show" class="slideshow">
        <div id="cover"></div>
        <img src="images/Slideshow/Slideshow1.jpg" alt="Slideshow1.jpg" />
        <img src="images/overlay.gif" width="800" height="500" style="position: absolute; top: 0px; left:0px; z-index:4;">
    </div>

This works fine for the first 4 of 9 images, but the 5th image does not have 
the transparent overlay.

Any help would be appreciated.

Original issue reported on code.google.com by ktrozen...@gmail.com on 11 Jul 2010 at 9:51

GoogleCodeExporter commented 8 years ago 
Make the z-index a really high number, like 1000 or so. The slideshow works by 
incrementing the z-index of each subsequent image, so by the 5th image it's 
above the overlay you've added.

Original comment by aeron.gl...@gmail.com on 11 Jul 2010 at 3:45