如何使用 jQuery 更改圖像來源？

使用jQuery 修改圖像來源

在網頁中，假設您有一個包含兩個圖像的HTML 結構，每個圖像都以「imgx_on.gif」作為源，其中“ x”代表圖像編號（1或2）。單擊圖像後，您希望將其原始程式碼修改為“imgx_off.gif”。

使用 jQuery 的解決方案

利用 jQuery 的 attr() 函數，您可以變更影像的來源屬性。為此，請為您的影像指派一個id 屬性（例如「my-image」）並執行以下程式碼：

$('#my-image').attr('src', 'imgx_off.gif');

影像旋轉範例

要旋轉圖像，您可以使用以下jQuery代碼：

$('img').on({
    'click': function() {
         var src = ($(this).attr('src') === 'img1_on.gif')
            ? 'img2_on.gif'
            : 'img1_on.gif';
         $(this).attr('src', src);
    }
});

此程式碼會取代圖片的來源點擊「img1_on.gif」和「img2_on.gif」之間的圖片。

以上是如何使用 jQuery 更改圖像來源？的詳細內容。更多資訊請關注PHP中文網其他相關文章！