Easy Reflections v3

Current Projects: PHP on XP Guide — NFO Viewer — Easy Reflections — Photon Storm — HotWire — FileGlider

Tuesday, March 13. 2007

Easy Reflections v3

Today I released Version 3 of Easy Reflections. This version brings about some significant advances, including full support for PNG alpha transparency in the source image, alpha transparency in the output image allowing for overlaying the mirrored images on-top of complex backgrounds or gradients, and colour tinting / saturation support.

It uses an as-yet undocumented PHP command: imagelayereffect() which I've found to work extremely well for this script. Undocumented doesn't mean 'unfinished' thankfully, but if the PHP group do update this command in the future, I'll amend this script accordingly.

Thanks to those of you who commented on my previous release and sent emails. It was your suggestions that prompted this Version 3. If you do ever use this script on a web site, please let me know so I can add it to the list.

Grab everything you need from here: http://reflection.corephp.co.uk

Posted by Richard Davey in Code at 17:01 | Comments (10) | Trackback (1)

Trackbacks

Trackback specific URI for this entry

No Trackbacks

Comments

Display comments as (Linear | Threaded)

Very nicely done, Davey!

#1 Brendon Kozlowski (Homepage) on 2007-03-15 15:16 (Reply)

I agree with Brendon, very nice job. Always nice to see little freebie scripts like this one, gave you a plug and looking forward to seeing what else you come up with in the future.

#2 WebStractions (Homepage) on 2007-05-08 05:42 (Reply)

Very nice script.

Try foreshortening the returned image. I have found that grabbing 2X the desired height, then resizing to the original height before returning the image looks more like a reflection.

Thanks for sharing your work.

#3 Will on 2007-06-20 01:36 (Reply)

I have used the reflection.js on my site but I would like to try this php script. Not to sharp on the technical stuff...so I ask: Do I put my image in the [' img '] in the two lines below?

if (isset($_GET['img']))
$source_image = $_GET['img'];

Is there anything else I need to do if default is my starting point?

Thanks for your help...Ron

#4 Ron (Homepage) on 2007-09-17 07:47 (Reply)

This doesn't work correctly in Internet Explorer 6 of course because it doesn't support 24-Bit PNG alpha transparency. So I tried different PNG alpha fixes for ie6. However, this script will only work with those fixes if you put the height parameter first, otherwise the background will still be gray:

<img src="reflect.php?height=36&img=mypic.png" />

Maybe this is helpful to someone. Anyhow, a very nice script!

#5 Sebastian Bayer on 2008-01-14 09:39 (Reply)

Hi - Most IE PNG fixes I've seen that use JavaScript and DOM checking for image tags only work if the element has been assigned a fixed height, either via CSS or within the img tag itself, which is most likely what you are experiencing here.

#5.1 Richard Davey (Homepage) on 2008-01-18 01:15 (Reply)

Have you ever try to integrate it with phpThumb?

#6 Edwin on 2008-03-21 18:54 (Reply)

hi
i'd like to use your script for a js image carousel but i need the src img to be "img/img.jpg" style. How can i apply the reflection calling your script once (ie not like: "reflect.php?/img/img.jpg").

Thanks
Vitto

#7 vitto on 2008-04-14 09:13 (Reply)

Hi....very good this script...
but..

how I can use images from mysql database

tks

#8 Federico (Homepage) on 2008-05-07 14:37 (Reply)

hi...
how I can use reflections with images stored in mysql database..

tks

#9 Federico (Homepage) on 2008-05-07 16:09 (Reply)

Add Comment

Name
Email
Homepage
In reply to
Comment	HTML-Tags will be converted to Entities. Standard emoticons like :-) and ;-) are converted to images. To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly. Enter the string from the spam-prevention image above:
	Remember Information? Subscribe to this entry