|
Reflection
Reflection is a WordPress plugin which applies reflection effect to images with 'reflection' as one of the HTML attribute class values. This plugin uses Raphael JavaScript library to create the reflection effect. It only supports Firefox 3.0+, Safari 3.0+, Opera 9.5+, and Internet Explorer 6.0+. On other browsers, you'll only see the image without the reflection. Installation
Usage
For example:<p> <img class="alignnone reflection" src="blah.jpg" width="130" height="130"/> </p><div> <img class="foo reflection bar" src="foobar.jpg" width="380" height="285"/> </div> ScreenshotsDefault reflection
Gradient reflection (best on a dark background)
Plugin settings page on WordPress admin
Reflection Types
This reflection is a direct mirror of the original image, with .5 opacity. The reflection height is identical to the original image. When you specify pixels gradient reflection height on the settings page, the reflection will take the specified pixels value. This reflection height is always the same between all reflected images on the blog. When you specify a percentage gradient reflection height on the settings page, the reflection will take a specified percentage of the original image. This reflection height differs between images, depending on the height of each original image on the blog. Changelog
|
Sign in to add a comment
Hi, great plugin. If i'm working in Wordpress, is there a way that the reflection will also show the borders of the image? Thanks!
Hi, sorry for the late reply, I just returned from a trip.
Reflection Plugin reflects the image itself, so if the border is part of the image, it will reflect the border. But if the border is part of the HTML/CSS, then unfortunately it won't.
HTH
I love this plugin, but how do you keep it from breaking after each reflection?
iJakeOnline, do you mean like the second and third example images with reflection on the demo page? http://blog.qoqoa.com/2008/12/06/testing-reflection-plugin/
If so, you need to set alignment (left or right) on the image edit functionality. Otherwise, please provide more information on what you're trying to do :).
Thank you.