我有Jquery超大全屏滑块,默认快门主题作为我的wordpress主题滑块。此滑块的默认缩略图容器在屏幕底部是水平的。有人知道如何在屏幕右侧垂直制作这个拇指托盘吗?
超大的演示链接: - demo with Horizontal thumb-tray
所需结果的演示链接:demo with vertical thumb-tray
答案 0 :(得分:1)
我发现这个基于jQuery(没有冲突模式)非常有用且完全免费:http://www.comslider.com:)
答案 1 :(得分:0)
答案 2 :(得分:0)
在supersized.shuter.js中,我发现脚本行负责拇指托盘的水平移动。
/* Thumbnail Mouse Scrub
----------------------------*/
if (api.options.mouse_scrub){
$(vars.thumb_tray).mousemove(function(e) {
var containerWidth = $(vars.thumb_tray).width(),
listWidth = $(vars.thumb_list).width();
if (listWidth > containerWidth){
var mousePos = 1,
diff = e.pageX - mousePos;
if (diff > 10 || diff < -10) {
mousePos = e.pageX;
newX = (containerWidth - listWidth) * (e.pageX/containerWidth);
diff = parseInt(Math.abs(parseInt($(vars.thumb_list).css('left'))-newX )).toFixed(0);
$(vars.thumb_list).stop().animate({'left':newX}, {duration:diff*3, easing:'easeOutExpo'});
}
}
});
}
随着suersized-shutter.css的一些变化,我得到了包含缩略图的垂直拇指托盘。但在这个垂直托盘中,我的拇指水平移动并隐藏而不是与垂直拇指托盘高度一起移动。如果您熟悉超大滑块的自定义设置,请建议我进行正确的自定义。