Hi all, I'm new to this group, nice to meet you everyone. I've been using jQuery for some time, and now I'm trying to create a super-fancy image carousel with a functionality similar to the one of this page: http://www.lafeltrinelli.it/fcom/it/home.html (in the middle of the page, the tabbed carousel)
I'm currently using jCarousel Lite for the "carousel part" but, as you can see in the "original carousel", the images have a reflection. So i've googled a little bit and found this plugin: http://www.digitalia.be/software/reflectionjs-for-jquery Now, as you can see in the page shown before, the carousel has reflected images and reduced in height and width to make the central element (the third) with height and width 100% and the other elements scaled down to put them "in background" Everything clear. But now, the bad part is that the reflection.js plugin does not work properly when an image has modified css height and width. In other words, no issues if the image is sized default, but when an image has custom height and custom width, the reflection under her is wrong. So, I was trying to figure out how to "customize" the reflection.js plugin in order to make it accept another option named "scaling" $(element).reflect({ height: 0.3, opacity: 0.4, scaling: '50%' }); I think that inserting the scaling logic inside this plugin can make the things work as expected. Anyone can help?
