Announcement

**NormanRouxel** · 24-Apr-2008, 12:28 PM

Here's how to add that reflected image effect. It takes about 2 minutes to do!

Go to http://cow.neondragon.net/stuff/reflection/ and download the zipfile from the "Download the latest..." link.

Extract the file reflection.js into your site folder.

Edit your overall layout and look for the </head> line (about 66 lines down). Immediately above that add

Code:

<script type="text/javascript" src="reflection.js"></script>

Just below that is the <body ...> tag. Look in it for

<body onload="

Change that to read

<body onload="addReflections();

leave the rest of the line intact.

Edit layout Standard Product Image. Look for the line

Code:

      border="0"

immediately above that add

Code:

      class="reflect"

And that's that.

You can alter that last line to be e.g.

Code:

      class="reflect rheight25 ropacity40"

to make the reflections 1/4 size and give them 40% opacity. More details are in the reflections documentation.

**mattc** · 24-Apr-2008, 12:32 PM

ahh i see norman has been giving away the juicy details.

Yep, reflection dead easy. not sure it works well enough for us to keep it though. I'd have to put it everywhere for consistency.

as for the popups...
we have to keep them for now. maybe next month ill get time to remove them. (I only just worked out that we didnt even need them)

all in good time. just happy the sites back up!

**mattc** · 24-Apr-2008, 12:40 PM

btw

class="reflect rheight25"

use

Code:

 class="reflect rheight25 ropacity40"

to control opacity as well

Announcement

Showing off a little bit

Comment

Comment

Comment