我想從我的滑塊jquery部分添加一個自動播放。我能做什麼?jquery圖像滑塊自動播放
我有一個下一個& prev按鈕,但我想添加一個自動播放,並且當鼠標懸停在幻燈片自動停止的圖像上。
任何人都可以幫助我嗎?
這是我DEMO頁從codepen
jQuery(document).ready(function ($) {
var slideCount = $('#slider ul li').length;
var slideWidth = $('#slider ul li').width();
var slideHeight = $('#slider ul li').height();
var sliderUlWidth = slideCount * slideWidth;
$('#slider').css({ width: slideWidth, height: slideHeight });
$('#slider ul').css({ width: sliderUlWidth, marginLeft: - slideWidth });
$('#slider ul li:last-child').prependTo('#slider ul');
function moveLeft() {
$('#slider ul').animate({
left: + slideWidth
}, 200, function() {
$('#slider ul li:last-child').prependTo('#slider ul');
$('#slider ul').css('left', '');
});
};
function moveRight() {
$('#slider ul').animate({
left: - slideWidth
}, 200, function() {
$('#slider ul li:first-child').appendTo('#slider ul');
$('#slider ul').css('left', '');
});
};
$('a.control_prev').click(function() {
moveLeft();
});
$('a.control_next').click(function() {
moveRight();
});
});
你想要什麼樣的滑塊?繼續移動滑塊或逐個滑動圖像?檢查[this](http://slideshow.hohli.com/docs/demo06.html)out – 2014-10-02 06:58:20
@HendryTanaka我想自動播放只moveLeft。 – innovation 2014-10-02 07:01:30