Github:https://github.com/thebird/Swipe
現在最新的版本是2.0,bug如下:
1.觸摸後不會自動播放
修復方式,
function stop() {
//delay = 0;
delay = options.auto > 0 ? options.auto : 0;
clearTimeout(interval );
}
2.小於三個輪播元素,會多生成輪播元素
修復方式,
//Source codes:
if (browser.transitions && options.continuous && slides.length < 3) {
element.appendChild(slides[0].cloneNode(true));
element.appendChild(element.children[1].cloneNode(true));
slides = element.children;
}
//Modified codes:
//special case if two slides
if (browser.transitions && options.continuous && slides.length < 3) {
//element.appendChild(slides[0].cloneNode(true));
//element.appendChild(element.children[1].cloneNode(true));
//slides = element.children;
}
3.不同高度的輪播元素,矮的那位下面會有空白(爲了佈局穩定性,也不能說bug)
var height, heights = [];
function setup() {
//前面不變...
container.style.visibility = 'visible'; //在這之後加
container.style.height = slides[index].offsetHeight + 'px'; //修復不同高度之間的切換
}
function slide(to, slideSpeed) {
//前面不變...
offloadFn(options.callback && options.callback(index, slides[index])); //在這之後加
setHeight(to);
}
function setHeight(index) { //修復不同高度之間的切換
if (-1 < index && index < slides.length) {
height = slides[index].offsetHeight;
container.style.height = height + 'px';
}
}