Javascript 卡鲁弗雷塞尔特异性溶液
当我将滑块从手动滑块切换到自动滑块时,如何保持不透明度选项? 网格传送带:Javascript 卡鲁弗雷塞尔特异性溶液,javascript,jquery,html,css,Javascript,Jquery,Html,Css,当我将滑块从手动滑块切换到自动滑块时,如何保持不透明度选项? 网格传送带: 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, minim
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
}
});
滑块如下所示:
正如您在图片中所看到的,活动面板在完全不透明度的情况下完全可见,左侧和右侧面板在降低不透明度的情况下褪色。
在代码中,它是这样做的:
// 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();
当我将滑块从手动滑块切换到自动滑块时,如何保持不透明度选项?上面的链接和代码我很热。。快点: