jQuery是一種非常流行的JavaScript庫,它使得JavaScript變得更加容易,并且可以在網站中使用它來增強用戶體驗。其中一種基本的功能是在網站上加載圖片。經常需要在網站中更改圖片。為了更新網站上的圖片,需要使用jQuery。下面將介紹如何使用jQuery重新刷新img src。
$('img').attr('src', 'new-image.jpg');
如果要更新圖像,可以使用上面的代碼,其中“img”是用于選擇所有圖像的jQuery選擇器。這行代碼將更改所有img元素的“src”屬性。可以將“new-image.jpg”更改為網站上的新圖像路徑。
要在加載新圖像之前向用戶顯示加載符號,可以使用以下代碼:
$('img').hide().attr('src', 'new-image.jpg').on('load', function() { $(this).show(); });
此代碼將首先將所有的img元素隱藏。 在加載新圖像后,它將顯示新圖像。
有時候需要使用隨機圖片輪播。下面的代碼行將更新圖像的SRC屬性,以顯示具有隨機圖像的元素:
var images = ['image1.jpg', 'image2.jpg', 'image3.jpg']; $('img').attr('src', images[Math.floor(Math.random() * images.length)]);
此代碼將根據具有隨機圖像的數組中的元素數量選擇一個隨機圖像。
為了避免緩存問題,可以將文件名附加到圖像URL參數中:
$('img').attr('src', 'new-image.jpg?v=' + Math.random());
此代碼將在每次更改圖像時添加一個隨機數,以確保瀏覽器不會緩存圖像。