I am trying to implement jCarousel (http://sorgalla.com/jcarousel/) to
display thumbnail images which the user can select to navigate media.
However, I want to intergrate Reflection.js (http://cow.neondragon.net/
stuff/reflection/) as well to create dynamic reflections below my
thumbnail images.
But I am running to a few problems which I need some help solving. I
tried adding the class="reflect" to the generated images in the
following function:
function mycarousel_getItemHTML(item)
{
return '<img src="' + item.url + '" class="reflect" width="75"
height="75" alt="' + item.url + '"/>';
};
This should create the reflection for each thumbnail image. But what i
am finding is that the reflections are not showing up on the page,
unless you disable the stylesheets, to which they are generated but
incorrectly aligned to the left of the image, instead of below.
I have also tried loading the reflections using javascript with no
success either.
Can somebody try and help me get a working implementation of jCarousel
+ Reflection.js - I am almost at an end with trying to figure this
problem out. Thank you in advanced!
