is set to autoscroll and scrolls 3 items at a time
is positioned negative left so the carousel appears to bleed off the page
is using touchwipe.js for touch scrolling
I need to modify the jquery so that the 2 outer items that bleed off the page are set to a different opacity than the active ones. I've tried the visiblein and fullyvisible events to apply the active class to the "visible" items but am having problems targeting the "faux visible items" since the carousel is positioned negative left. Do you have any insight on how I can do this?
I have a carousel that:
I need to modify the jquery so that the 2 outer items that bleed off the page are set to a different opacity than the active ones. I've tried the visiblein and fullyvisible events to apply the active class to the "visible" items but am having problems targeting the "faux visible items" since the carousel is positioned negative left. Do you have any insight on how I can do this?
jfiddle: http://jsfiddle.net/hmlarson/HfUq3/15/