How to make an element display above a dynamic content?

[wood_flower]

Hello everybody,

First of all, please take a look at an image here http://live-demo.your-mambo-hosting.com/LifeisGood.jpg

Basically, it is a static website. The only thing is that the picture of the sun needs to be changable with each reload of the site. I would like to use that area to have a rotating set of pictures and can also be used as an advertisement area.

But as the sun image there is not a rectangle image but a trapezium so i still don`t know how to make it changable. Is there anyway to make it rectangular in HTML template then have an element overlapping it so the trapezium shape will be in front of the rectangle like you can do with layers in Photoshop for instance?

Please help me. Thank you very much for your support.

[Webforumz Staff]

The only sensible way to do this is simply to make the changeable image include part of the trapezium which holds your logo. Assuming all the changeable images have the same part on the left, then this will appear seamless in your design.

Even if you could float a div layer and achieve what you want with regards to the trapeziums, you would need for the one on top to be transparent.... it complicates things a great deal!

[wood_flower]

Originally Posted by Sirkent

Even if you could float a div layer and achieve what you want with regards to the trapeziums, you would need for the one on top to be transparent.... it complicates things a great deal!

Thank you very much. Your comment does help me a lot.

[herkalees]

As Sirkent said, just edit each of your desired images in Photoshop to have that trapezium in the background, and the actual image layer above it has some sort of reduces opacity.

Here's a very valid and standards compliant way of making the random image script: http://photomatt.net/scripts/randomimage

[wood_flower]

Thank you very much. The script is really good.