以下のコードは正しく動作しません。5 秒ごとに変化する画像スライダーが必要ですが、ホバーすると停止し、離すと再び開始します。クリックすると変わります。5秒ごとに変更し、クリックすると変更できますが、ホバーすると停止できません。
$('document').ready(function() {
var img = 0;
var pic = ['nature', 'grass', 'earth', 'fall', 'fall2'];
var slider = 'img.slide_img'; // html image
function slide() {
$(slider).attr('src', 'pictures/' + pic[img] + '.jpg');
img++;
if (img >= pic.length) {
img = 0;
}
}
$(slider).on('mouseleave', function() {
auto(3000);
});
$(slider).on('click', function() {
slide();
});
function auto(time) {
setInterval(function() {
slide();
}, time)
}
});