|
Image Reflection and Image Round Corner Script for Web |
|
Web Design
|
|
Written by Nikolay Gul
|
Image reflection, image round corner, image shadow by using javascript, css and php scripts
Image reflection and image round corner for web by using javascript and php scripts.
Test page without scripts to compare open to test
Clickable Images with reflection
It works in all the major browsers - Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ and Safari. On older browsers, it'll degrade and your visitors won't notice a thing.
|
|
|
Image reflection with PHP
To make this work we need to use .php (test it now) extention and upload file to server.
Khlo's script is a fine piece of work, and it dumps the load on the client rather than the server. While it degrades nicely it obviously doesn't work if your visitor either (a) has JavaScript turned off (or IE security settings set to 'High' like lots of companies do), or (b) has a browser lower than IE5.5, Firefox 1.5 or Opera 9. As my version works server-side and relies on nothing more than an 'image' HTML tag, it'll work anywhere.
Read more about image corner here
|
Shows some of the things "glossy.js" does.
Images with class = "glossy iradius50"
Image without reflection script
Image without reflection script
Image without reflection script
Image without reflection script
Image without reflection script
Image without reflection script
Empty gif with class = "glossy ibgcolor00aa00 igradient00aaaa horizontal noshadow"
Images with class = "glossy"
Image without reflection script
 Image without reflection script
|
|
|
Shows some of the things corner.js does.
class = "corner"
class = "corner ishade50"
class = "corner ishadow20"
class = "corner ishade50 ishadow20"
class = "corner ishadow40 inverse"
class = "corner iradius16"
class =
"corner iradius24 ishadow33
inverse"
class =
"corner iradius20 ishadow33"
class =
"corner iradius8 ishade75
ishadow33"
class =
"corner iradius16 ishade66
ishadow30"
class =
"corner iradius32 ishade50
ishadow25"
class =
"corner iradius48 ishade33"
Read more here
|
| Image reflection, image round corner, image shadow by using javascript, css and php scripts |
Marquee Scroller
Simple Image Scroller which doesn't require tons of Javascript.
Comming Soon
|
|
