在fancybox画廊内的鼠标悬停时交换图像？

<a class="fancybox" href="大图.jpg">
  <img src="小图.jpg" alt="图片" />
</a>

$(document).ready(function() {
  // 初始化fancybox
  $(".fancybox").fancybox();

  // 鼠标悬停时交换图像
  $(".fancybox").hover(
    function() {
      // 获取大图链接
      var bigImage = $(this).attr("href");
      // 获取小图链接
      var smallImage = $(this).find("img").attr("src");
      // 将小图链接替换为大图链接
      $(this).find("img").attr("src", bigImage);
      // 将大图链接替换为小图链接
      $(this).attr("href", smallImage);
    },
    function() {
      // 鼠标离开时恢复原图
      var bigImage = $(this).attr("href");
      var smallImage = $(this).find("img").attr("src");
      $(this).find("img").attr("src", smallImage);
      $(this).attr("href", bigImage);
    }
  );
});