Hey guys!
I am struggling with my slider which used to be manual and then I switched it to automatic. As you can see in the
picture
active-panel is fully visible with full opacity, and the left and right sides are faded with lower opacity, this is the code for that part:
// Highlight Center Panel
jQuery(window).resize(function() {
var nextCenter = Math.ceil(jQuery(window).width() / 900);
var prevCenter = Math.ceil((jQuery(window).width() - 900) / 900);
jQuery(".grid-panel:eq("+prevCenter+")").addClass("active-panel");
jQuery("#grid-next").click(function(){
jQuery(".grid-panel").removeClass("active-pan+el");
jQuery(".grid-panel:eq("+nextCenter+")").addClass("active-panel");
});
jQuery("#grid-prev").click(function(){
jQuery(".grid-panel").removeClass("active-panel");
jQuery(".grid-panel:eq("+prevCenter+")").addClass("active-panel");
});
}).resize();
When I switch the slider from manual to automatic the lower opacity part is no longer working properly- It is not “fixed” to left and right side of the slider but it flows along with the slider.
So how to keep lower opacity option “fixed” on the left and the right side of the slider when I switch the slider from manual to automatic?
Grid Carousel:
jQuery("#grid").carouFredSel({
width: 5000,
padding: 0,
**auto: true,** - by defaulth it is set to false!
prev: "#grid-prev",
next: "#grid-next",
items: {
visible: 3,
minimum: 1,
start: -1
},
scroll: {
items: 1,
duration: 1000
}
});
Any help is very much appreciated.
Thank you