Jquery 如何在swiper中最初隐藏延迟加载的图像

我正试图通过以下目的启用：

制作两个图像实例，即一个用于缩略图，另一个用于原始图像

原始文件将延迟加载，缩略图将正常加载

仅当原始图像已完全加载时才显示原始图像。在此之前，将显示缩略图

应用悬停效果在缩略图和原始图像之间切换（原始图像可能存在，也可能不存在。因此，应在检查原始图像是否存在后启用悬停效果。）

以下是我迄今为止所做的工作

---

有谁能帮我吗。

你试过什么？如果您甚至还没有开始编码，那么就试试这个，看看您能从中获益。你确定要使用swiper插件吗？我已经完成了惰性加载部分，但不知道如何在悬停时隐藏和显示原始图像。我最初将缩略图设置为常规图像和原始图像，不显示，只设置数据srcattribute@natel选中编辑。

<div class="swiper-container">
  <div class="swiper-wrapper">
    
    <div class="swiper-slide">
      <img class="thumb" src="https://s3.amazonaws.com/zingfitassets/onerebelredesign/instructor/BD8I8492_20181213103730.jpg">
      <img data-srcset="https://s3.amazonaws.com/zingfitassets/onerebelredesign/contentobject/Mark_Portrait_V2_20181213103730.gif" class="swiper-lazy orig-img" style="display: none;">
      <div class="swiper-lazy-preloader"></div>
    </div>

    <div class="swiper-slide">
      <img class="thumb" src="https://s3.amazonaws.com/zingfitassets/onerebelredesign/instructor/BD8I8492_20181213103730.jpg">
      <img data-srcset="https://s3.amazonaws.com/zingfitassets/onerebelredesign/contentobject/Mark_Portrait_V2_20181213103730.gif" class="swiper-lazy orig-img" style="display: none;">
      <div class="swiper-lazy-preloader"></div>
    </div>

    <div class="swiper-slide">
      <img class="thumb" src="https://s3.amazonaws.com/zingfitassets/onerebelredesign/instructor/BD8I8492_20181213103730.jpg">
      <img data-srcset="https://s3.amazonaws.com/zingfitassets/onerebelredesign/contentobject/Mark_Portrait_V2_20181213103730.gif" class="swiper-lazy orig-img" style="display: none;">
      <div class="swiper-lazy-preloader"></div>
    </div>

    <div class="swiper-slide">
      <img class="thumb" src="https://s3.amazonaws.com/zingfitassets/onerebelredesign/instructor/BD8I8492_20181213103730.jpg">

      <div class="swiper-lazy-preloader"></div>
    </div>

  </div>
</div>

var swiper = new Swiper(".swiper-container", {
  slidesPerView: 2,
  // Disable preloading of all images
  preloadImages: false,
  // Enable lazy loading
  lazy: {
    loadPrevNext: true
  }
});