要處理 jQuery Fancybox 中圖像加載，您可以使用 beforeLoad 和 afterLoad 事件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery Fancybox</title>
<!-- 引入 jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- 引入 Fancybox CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
<!-- 引入 Fancybox JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
</head>
<body>
<!-- 您的內容 -->
</body>
</html>
<a> 標簽，并為其添加一個特定的類（例如 fancybox）：<a href="path/to/your/image.jpg" class="fancybox">
<img src="path/to/your/thumbnail.jpg" alt="Image description">
</a>
.fancybox 類的元素，然后使用 beforeLoad 和 afterLoad 事件監聽器：$(document).ready(function() {
$('.fancybox').fancybox({
beforeLoad: function(e, instance, slide) {
// 在這里可以自定義圖像加載前的行為
console.log('Image before load');
},
afterLoad: function(e, instance, slide) {
// 在這里可以自定義圖像加載后的行為
console.log('Image after load');
}
});
});
現在，每當您點擊具有 .fancybox 類的元素時，Fancybox 都會打開，并在加載圖像之前和之后觸發 beforeLoad 和 afterLoad 事件。您可以在這些事件回調函數中執行所需的操作，例如顯示加載動畫、處理錯誤或者預加載圖像等。
