WP Wetfloor


Current Version: 1.6a
Included Reflection.js Version:1.6
License: MIT License
Last update: Oct 5, 2006
Requirements: Wordpress 1.5 - 2.x
Updates Feed: feed-icon-32x32.jpg

WP Wetfloor allows you to add reflections (a.k.a. the wetfloor effect) to images on your Wordpress blog. This plugin is a WordPress wrapper for Cow’s Reflections.js.

Changelog

Version 1.6a (download):
Better quicktag bar support. Now works with rich-text editor as well! Using reflection.js v1.6.
Version 1.5b (download):
Bug Fix: Button not showing on the “Write Page” page, insert button only when the quicktags bar is shown.
Version 1.5a (download):
Added height and opacity options.
Version 1.0b (download):
No change in my code. I only upgraded reflection.js to version 1.5.
Version 1.0 (download):
First version.

wp-wetfloor-banner.jpg

Credits

WP Wetfloor uses code from Cow’s Reflection.js. P-man graphic drawn by Jon.

Installation

  1. Extract the archive into your plugins folder. A new folder called wp-wetfloor will be added.
  2. Log into your admin panel, click on Plugins and activate the plugin.
  3. A new button called “Wetfloor” will be added onto the quicktags toolbar.

Usage

Click on the Wetfloor button (not available on rich text editor), enter the height and opacity without the % sign. You can also leave them blank to use the default values (50% height, 50% opacity).

You can also enter the code manually, add class=”reflect rheightxx ropacityxx” to any img tag, where xx is the height and opacity in percentage.

For example,
<img class="reflect rheight80 ropacity40" src="abc.jpg" />

For advanced users:
If you want to use action-driven reflections, please refer to Reflection.js ’s documentation.

Browser Compatibility

Please refer to Reflection.js for the supported broswer list.

Demo

wetfloor1.jpg
Default setting

The reflection can fade into different colours.

p-man.png
20% height and 80% opacity
p-man.png
70% height and 20% opacity
p-man.png
100% height and 100% opacity