jQuery是一種廣泛使用的JavaScript庫，可以輕松地在網站上實現許多動態效果。其中一個常見效果是視頻和圖片的切換。以下是一個簡單的示例。

$(function() {
// 當用戶點擊圖像時
$(".image-thumbnail").on("click", function() {
var imageSrc = $(this).attr("src"); // 獲取所選圖像的源
var videoSrc = $(this).data("video"); // 獲取所選圖像的關聯視頻源
// 將圖像更改為所選圖像
$(".main-image").attr("src", imageSrc);
// 如果圖像關聯一個視頻，則顯示該視頻
if (videoSrc) {
$(".main-video source").attr("src", videoSrc); // 更改視頻源
$(".main-video")[0].load(); // 重新加載視頻
$(".main-video")[0].play(); // 播放視頻
} else {
$(".main-video")[0].pause(); // 暫停視頻
}
});
});

這段代碼執行以下操作：

• 當用戶點擊一個圖像縮略圖時，將獲取該縮略圖的源和任何相關視頻的源。
• 然后，將主要圖像更改為所選圖像的源，并根據需要顯示或隱藏任何相關視頻。
• 如果相關視頻存在，則將其源更改為所選圖像的關聯視頻源，并重新加載和播放視頻。

此代碼演示了如何使用jQuery輕松實現視頻和圖片的相互切換。它可以很容易地適應您的網站，并允許您以更加動態和交互的方式呈現媒體內容。