Best of joomla gives you news, joomla templates, extensions, joomla hosting,joomla 1.7 templates, tutorials and websites about Joomla , FireBoard official page.
Login | No account yet?  Register | Lost Password?

Joomla Resources and Tutorials

18 total
Favorite
Hot!
Curl.js: Curl your images
SUBMITTER Posted by editor (19) | 2007-09-23 06:46:46
Curl.js: Curl your images

Christian Effenberger has a new effect for you to use. With Curl.js you can add a page curl effect (including backside mask) to images on your web pages.

It uses unobtrusive javascript to keep your code clean, and it works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+,
IE6+ and Safari.

On older browsers, it'll degrade and your visitors won't notice a thing.

Includes also the scripting lib "cvi_curl_lib.js" for more advanced users.

All you have to do is include the JavaScript, and then add the right CSS classes to your images:

* Initialisation class "curl"
* vary the size of the curl by adding isize followed by the desired size in percent:
Curl size class "isize" - min=0 max=MinImageDimension default=33
* vary the paperback color of the curl by adding icolor followed by the color:
Curl color class "icolor" - min=000000 max=ffffff default=0
* vary the shadow by adding ishadow followed by the opacity in percent:
Curl shadow class "ishadow" - min=0 max=100 default=66
Sign up or Login to comment on " Curl.js: Curl your images"
Search:
Advanced Filter
    RESET
Best of Joomla! Resources RSS Feed Get the global feed for the news and resources
RocketTheme
Shape 5 Joomla Templates
GavickPro
Community ACL - A complete and total solution for controlling user access within Joomla! 1.5
olwebdesign joomla templates
joomla templates