Comments on: reflection.js demo

By: lunchboxbill

lunchboxbill — Fri, 26 Feb 2010 16:37:12 +0000

funny reading some of the 2005 comments and how things have turned out

By: rsetes

rsetes — Sat, 04 Apr 2009 09:07:24 +0000

Little note Cow,

Your script doesn’t work when you use the body-onload-tag in html. Then the reflections are not being displayed. I wanted a image-preload-script but when i drop the function in my body-onload the reflection.js didn’t work anymore. The function-name was not the problem. I tried more than one name.

greetz me

By: nico

nico — Sun, 22 Feb 2009 03:55:46 +0000

if youre stuggling with some “reflecting-before-loaded”-problems try that:
rename the “add” method to “set” (means, change ‘add: function(image, options) {‘ to ‘set: function(image, options) {‘) and add the folowing method somewhere inside the Reflection-class:
add: function(image, options) {
image.onload = function(){ Reflection.set(image, options); };
image.src = image.src;
},

very hot now,
thanks

By: Keikonium

Keikonium — Wed, 27 Aug 2008 17:12:47 +0000

Hi Cow,

First off, I’d like to thank you for this amazing script! It really makes things look prettier for sure.

However, I am having a few problems (most likely my shotty knowledge of Javascript ). Anyways, if I put this script in a folder with an image, and an index.php file, then define the class=”reflect” on the image and call the script to load, all works fine, the reflection shows up.

But if I put the image in a different sub folder, the reflection no longer works. Do the images and the script all need to be in the same folder? If yes, is it possible for the script to look at any code on any page and if class=”reflect” is found, reflect the image?

Hopefully that wasn’t to confussing, but thanks in advance for any help .

~ Kei

By: Gersom

Gersom — Thu, 07 Aug 2008 21:35:33 +0000

Little note Cow,

greetz me

By: Cow

Cow — Mon, 28 Jul 2008 21:54:35 +0000

Dear David,

Try Reflection.js 1.9. I think this issue has been fixed!

Cow

By: David Hopkins

David Hopkins — Mon, 28 Jul 2008 14:37:19 +0000

Hi!

I’m using reflection.js v1.5 and am having trouble with IE 7. The reflection height for resized images is 100% for some reason. Only happens in IE 7.

Link: http://www.outlookimages.co.uk/v5/ypo-canvas-photo.php

…then upload an image.

Any help would be great!

By: Gildas

Gildas — Thu, 03 Jul 2008 19:01:24 +0000

I managed to get the reflection work on http://www.1dlabel.com/boutik.html but there is on problem remaining.
As the elements are nested within a DIV tag that is set to a right alignment for the text, my CD Cover and its reflection should appear aligned on the right alas, they are aligned on the left border of my DIV.
What’s happening ?

Thanks again for your help

By: Marco

Marco — Wed, 25 Jun 2008 21:30:55 +0000

I’ve adjusted the onload lines with the following:

if (window.addEventListener) {
window.addEventListener(“load”, addReflections, false);
}
else if (window.attachEvent) {
window.attachEvent(“onload”, addReflections);
}

It allows other onload events by other javascripts. At least it worked for me…

By: ElGandoz

ElGandoz — Wed, 18 Jun 2008 15:44:53 +0000

First off, stunning work!
But i’ve a little problem..
referring to the issue of “The Technocrat”, about resizing a image…is there the possibility to resize an image, using the css attribute max-width/max-height ?
Because right now it doesn’t work! This is very helpful for resize images just over a fixed dimension, more flexible than the fixed dimension (it affect larger and smaller images…)
Thanks a lot for your work