Изменение JQuery SRC изображения динамически

Question

я видел, просто интересно, как можно было бы изменить SRC каждый, скажем, 5 секунд,

Я использую

$.backstretch("site.com/images/home5.jpg"); 

Можно ли поменять «home5.jpg» с другим изображением (скажем, home6.jpg и home7.jpg), как слайд-шоу? Я не уверен, как его динамически изменять.

Answer 1

Если вы хотите изменить его каждые 5 секунд, вы должны использовать setInterval():

var loop = 1; 
setInterval(function() { 
    var imgNumber = loop % 5; // assuming there are 5 images. 
    $.backstretch("site.com/images/home" + imgNumber + ".jpg"); 
    loop++; 
}, 5000); 

UPDATE

После прочтения документации Окажись эта функциональность встроена в уже плагином:

http://srobbin.com/jquery-plugins/backstretch/

Выберите «Использование backstretch в слайд-шоу 'для кода.

Answer 2

Для этого вы можете использовать функцию JavaScript setInterval.

Answer 3

Вы можете изменить html объекта, который вы выбрали с помощью .html().

$ (# вещь) .html ("< img src = 'mypic.jpg' />");

Answer 4

Вы можете использовать setInterval или аналогичную функцию для периодического изменения изображения. Чтобы на самом деле обмениваться изображениями, вы можете просто позвонить backstretch еще раз. Из project page:

Версия 1.2

Теперь вы можете назвать Бэкстретч дважды, и он заменит существующий образ.

Так, например:

$.backstretch("site.com/images/home6.jpg"); 

Answer 5

функция slideSwitch() {

var $active = $('#slideshow IMG.active'); 

$active.src = //change src here (you can use array with src-s)// } 

$ (функция() { setInterval ("slideSwitch()", 5000);});