變化IMG SRC在每5秒與三個光電與jQuery

-7

圖像是變化IMG SRC在每5秒與三個光電與jQuery

sf.jpg
sf2.jpg
sf3.jpg

改變上面img src在每5秒在第5秒圖像應該是sf.jpg 在第二5秒的圖像應該在第三5秒圖像進行sf2.jpg 應當sf3.jpg

，它應該工作repeatdly永遠

來源

2017-08-20 James Mintz

[使用jQuery更改圖像源]可能的重複（https://stackoverflow.com/questions/554273/changing-the-image-source-using-jquery） – Nisarg

請閱讀幫助頁面how問一個問題。 –

我已經將答案鏈接爲重複，它顯示瞭如何更改圖像上的'src'屬性。結合['setInterval']（https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval），您可以更改實施您的要求。 – Nisarg

檢查這個下面的代碼段。

我在2秒後改變了alt屬性。在你的代碼中將alt替換爲src。

$(window).on('load', function() { 
 
    let src = ['image_1.jpg', 'image_2.jpg', 'image_3.jpg', 'image_4.jpg']; 
 
    let i = 1; 
 
    setInterval(function() { 
 
    $('img').prop('alt', src[i]); 
 
    if (i !== src.length) 
 
     i++; 
 
    else 
 
     i = 0; 
 
    }, 2000); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img src='image_1.jpg' alt='image_1.jpg' width='200' height='200' />

希望，它爲你的作品。 :) :)

來源

2017-08-20 08:35:13

變化IMG SRC在每5秒與三個光電與jQuery

回答

相關問題