行,所以我有一个interspire购物车因此它很难定制..jQuery的滑块帮助
反正
这里是我的代码的链接 http://jsfiddle.net/WTvQX/
遇到问题即时得到滚动正常工作......
它的工作方式不同在我这里的实际网站...
,所以我需要帮助... [R E-做或刚刚杀青..
让我硝酸钾
行,所以我有一个interspire购物车因此它很难定制..jQuery的滑块帮助
反正
这里是我的代码的链接 http://jsfiddle.net/WTvQX/
遇到问题即时得到滚动正常工作......
它的工作方式不同在我这里的实际网站...
,所以我需要帮助... [R E-做或刚刚杀青..
让我硝酸钾
您需要将“relatedLeft” ID添加到左边的按钮,但尝试这样的事情......
演示:http://jsfiddle.net/wdm954/WTvQX/3/
$('#relatedRight').click(function() {
$('#scool').animate({left: "+=100px"}, 'slow');
});
$('#relatedLeft').click(function() {
$('#scool').animate({left: "-=100px"}, 'slow');
});
您可以根据自己的喜好调整像素距离和速度。
编辑:尝试这样的事情。第一部分找到所有图像的宽度。然后动画仅在偏移量在范围内时触发。
演示:http://jsfiddle.net/wdm954/WTvQX/5/
var w = 0;
$('#scroll img').each(function (i, val) {
w += $(this).width();
});
$('#relatedRight').click(function() {
var offset = $('#scroll').offset();
if (offset.left < w) {
$('#scroll').animate({left: "+=100px"}, 'slow');
}
});
$('#relatedLeft').click(function() {
var offset = $('#scroll').offset();
if (offset.left > -w) {
$('#scroll').animate({left: "-=100px"}, 'slow');
}
});
编辑:还有一个代码在这里选择。这个将停止滚动更快(注意这里也有CSS更改)。
演示:http://jsfiddle.net/wdm954/WTvQX/7/
var w = 0;
$('#scroll img').each(function (i, val) {
w += $(this).width();
w += parseFloat($(this).css('paddingRight'));
w += parseFloat($(this).css('paddingLeft'));
w += parseFloat($(this).css('marginRight'));
w += parseFloat($(this).css('marginLeft'));
});
$('#scroll').css('width', w + 'px');
$('#relatedRight').click(function() {
var offset = $('#scroll').offset();
if (offset.left < 0) {
$('#scroll').stop().animate({left: "+=100px"}, 'slow');
}
});
$('#relatedLeft').click(function() {
var offset = $('#scroll').offset();
var b = $('#bar').width();
if (offset.left > b-w) {
$('#scroll').stop().animate({left: "-=100px"}, 'slow');
}
});
他们都不似乎工作很大。你要做什么? – wdm 2011-04-27 18:06:23
我知道他们工作不好。这就是为什么即时通讯寻求帮助!大声笑呃lemme看... ...像http://themes.dapurpixel.com/rumahbatik/14-ipod-yellow.html 接近底部是一个滑块...几乎是你的平均滑块。我只是找不到一个预先建好的,所以我试图自己做一个..任何帮助将是伟大的。 – Alex 2011-04-27 18:09:29