Image Reflection and Image Round Corner Script for Web

Image Reflection and Image Round Corner  Script for Web

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.

clickable reflection image hight and opacity 100% link to web maker web site

wcny programs

padding = 0 rheight 20
padding = 10 rheight 40
padding = 20 rheight 60
padding = 30 rheight 100

Image reflection with PHP

To make this work we need to use .php (test it now) extention and upload file to server.

reflection with php script
php reflection

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"

0

Image without reflection script
no reflection

1

Image without reflection script
no reflection

2

Image without reflection script
no reflection

3

Image without reflection script
no reflection

4

Image without reflection script
no reflection

5

Image without reflection script
no reflection

    Empty gif with class = "glossy ibgcolor00aa00 igradient00aaaa horizontal noshadow"

space

Images with class = "glossy"

WCNY food for thought

 

My WCNY website

Image without reflection script
no reflection

leonadro da vinci website

Image without reflection script
no reflection

 

Shows some of the things corner.js does.

Powered By web developer in Syracuse, NY

class = "corner"

Powered By web developer in Syracuse, NY

class = "corner ishade50"

Powered By web developer in Syracuse, NY

class = "corner ishadow20"

Powered By web developer in Syracuse, NY

class = "corner ishade50 ishadow20"

Powered By web developer in Syracuse, NY

class = "corner ishadow40 inverse"

Powered By web developer in Syracuse, NY

class = "corner iradius16"

Powered By web developer in Syracuse, NY

class =
"corner iradius24 ishadow33 inverse"

Powered By web developer in Syracuse, NY

class =
"corner iradius20 ishadow33"

Powered By web developer in Syracuse, NY

class =
"corner iradius8 ishade75 ishadow33"

Powered By web developer in Syracuse, NY

class =
"corner iradius16 ishade66 ishadow30"

Powered By web developer in Syracuse, NY

class =
"corner iradius32 ishade50 ishadow25"

Powered By web developer in Syracuse, NY

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