reflection.js modification... fixed height... hehehe
Reflections are all the buzz right now, if you don't have reflections, you're just not cool.
Reflections are all the buzz right now, if you don’t have reflections, you’re just not cool, and if you do have reflections, you’re just plain stupid for making out like everyone else… hehe…
Eitherway i’m a huge reflections addict — yes i admit it, i’m an addict — and i tend to use them a bit to much even sometimes, even in webdesign :D
This brings us to an awesome javascript which generates reflections for images on the fly, many of you (two people who’ll read this… lol) already know all about CowThis link is dead and no longer works.’s reflection.jsThis link is dead and no longer works. script. The one thing i’ve wanted from it tho, is being able to set fixed height reflections, rather than the reflections being X% the height of the image in question.
Hence i spent this afternoon haxx0ring reflection.js to add a rheightpx
option, which with a little logic, you’ll figure what it does ;)… while i was
at it, i also added a rgap option which puts a gap of X pixels between the
image and the reflection.
As for bugs, well, the rheightpx option works fine in all browsers except
Opera, which for reasons thats completely beyond my understanding, causes some
very weird effects… after 2 hours of testing and messing around, i can’t find
any reason for why it does it, but maybe Cow will know, and hopefully he’ll
implement my changes into his script *hint* :D
Also, the rgap option is a bit sketchy between browsers unfortunately :P
Download
reflection-px-161.zip
And if you’re wondering about what you could possibly use a fixed height for, check this…
…which is the main reason i put effort into this modification today :D