更改jQuery的圖片src動態

只見只是想知道怎麼會可能改變一個src每說5秒，更改jQuery的圖片src動態

我使用

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

是否有可能換「home5.jpg」與其他圖像（如home6.jpg和home7.jpg）像幻燈片一樣？我不知道如何動態

來源

2012-05-02 user1370288

這可能有助於http://stackoverflow.com/questions/540349/change-the-image-source-using-jquery – Dave

如果你想改變它每隔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/

選擇'使用以幻燈片形式展示的背景。

來源

2012-05-02 14:40:34

嘿，這完美的作品！我忘了問的一件事是，如果我想讓它們淡入淡出而不是突然改變？ – user1370288

這取決於你使用的插件。我想可能會涉及修改源代碼。 –

:)記號標出我不認爲這將是該插件，因爲只有拉伸圖像（不好意思忘了提），我相信我將它設置了setInterval的範圍內？芹苴我不知道，我倒是很多它 – user1370288

改變它爲此，您可以使用JavaScript函數setInterval。

來源

2012-05-02 14:38:58

你可以改變你以.html所選對象的HTML（）。

$（＃事）。html的（「< IMG SRC = 'mypic.jpg'/>」）;

來源

2012-05-02 14:40:00

可以使用setInterval或類似的功能，定期更改圖像。要實際交換圖像，您可以再次撥打backstretch。從project page：

1.2版

您現在可以叫直道兩次，它將取代現有的圖像。

因此，例如：

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

來源

2012-05-02 14:40:47

乾杯夥計，非常感謝:) – user1370288

功能slideSwitch（）{
var $active = $('#slideshow IMG.active'); 

$active.src = //change src here (you can use array with src-s)// } 
$（函數（）{ 的setInterval（「slideSwitch（）」，5000）;} ）;

來源

2012-05-02 14:41:55

Eeeck。不要在setInterval中使用字符串。傳遞直函數參考。 – jfriend00

更改jQuery的圖片src動態

回答

相關問題