asked on

Overlay one image ontop another inside a TD cell

I would like to create a class (or id) instance, where I can select to overlay one specific image on top of any other image in any of my table cells.

For instance, I have a 3 columned table with multiple rows. Each cell contains a gallery image. When one of these is sold, I would like to insert a call to the CSS code to place (i.e., watermark) the image with a "sold sign" image on top of it.

Does this make sense?

Thanks in advance,
Richard

rockmansattic

If I am not mistaken, the only way to do what you are asking (under the terms you want) is to make the gallery image the background image of the cell and then a sold image in the cell. You can use css for this so that you could set the cell height and width at the same time :<td style="height:100; width:100; background-image:your_url.jpg;">

I do know that you can alter the image if it meets some criteria using PHP. this is done sometimes so that people would not steal the image online becasue is has a "watermark" on it.

Ill do some more checking around.
Someone may have a better answer..

Rockman

phpwebguru

ASKER

If this is possible via PHP, then that would be acceptable as well.

rockmansattic

Not used this..

http://www.sitepoint.com/article/watermark-images-php
http://www.scripts.com/php/image-manipulation/phpwatermark
http://forums.hotscripts.com/archive/index.php/t-11309.html

Rockman

ASKER CERTIFIED SOLUTION

neester

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

neester

If you are willing to use the module, let me know.
And I will give you instructions - if you need any, on how to use hte module.
I have implemented it in the most difficult way possible...
I have the images stored in a database, and i pull them from the dbase, and resize then display...
:)

Anyway,
Hope that helps :)

neester

Another thing.
This is the ONLY way to make the watermark appear when you SAVE the image.
If you were to use HTML and DIV's - you could still load the image without the watermark...
This way, the image is edited - and has the watermark added when you load the page (the original isnt effected, only the one the browser sees)