JQuery - автоматически меняет изображения

Question

Мне нужно, чтобы некоторые изображения (например, случайные 5-8 из них) на фоне автоматически менялись для другого изображения (например, через 10 секунд, что-то вроде этого example-link, но автоматически, а не на парения).

$('.fader').hover(function() { 
    $(this).find("img").fadeToggle(); 
    }); 

Answer 1

Вы можете использовать setInterval запустить функцию так часто, то внутри него есть изображение функции изменения

//global variable 
var bgImg = 1; 

//runs every second 
window.setInterval(function(){ 
    yourFunction(); 
}, 10000); 

//changes background image 
function yourFunction() { 
    ++bgImg; 

    if(bgImg === 4){ 
    bgImg = 1; 
    } 

    if(bgImg === 1){ 
    $('#element').css("background-image","URL('imgs/image1.jpg')"); 
    } 

    if(bgImg === 2){ 
    $('#element').css("background-image","URL('imgs/image3.jpg')"); 
    } 

    if(bgImg === 3){ 
    $('#element').css("background-image","URL('imgs/image3.jpg')"); 
    }   
} 

Вы всегда можете добавить еще несколько JQuery исчезать изображение в из или что-то более гладкой чем простой выключатель

Answer 2

это то, что вы хотите? Используйте ползунок BX.

http://jsfiddle.net/writetobhuwan/Xm2Be/393/

JS так просто, как это ..

$(document).ready(function(){ 
    $('.bxslider').bxSlider(); 
}); 

Answer 3

Я сделал JSFiddle DEMO .. Может быть, это поможет вам.

Это довольно просто, это функция, которую я выполняю в setInterval

var $imgs = $(".fader").find("img"), 
    i = 0; 

function changeImage(){ 
    var next = (++i % $imgs.length); 
    $($imgs.get(next - 1)).fadeOut(500); 
    $($imgs.get(next)).fadeIn(500); 
} 
var interval = setInterval(changeImage, 2000); 

Надежда это поможет ..