添加英雄的gif动画

src/desktop/index.html

@@ -176,30 +176,39 @@
             </div>
             <div class="swiper-slide">
               <img src="img/home/002.png" />
+              <img src="img/home/002.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/003.png" />
+              <img src="img/home/003.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/004.png" />
+              <img src="img/home/004.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/005.png" />
+              <img src="img/home/005.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/006.png" />
+              <img src="img/home/006.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/007.png" />
+              <img src="img/home/007.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/008.png" />
+              <img src="img/home/008.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/009.png" />
+              <img src="img/home/009.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/010.png" />
+              <img src="img/home/010.gif" class="aniIcon" />
             </div>
           </div>
         </div>

src/desktop/nft.html

@@ -502,11 +502,11 @@
         $('.hero-item-c a').click(function () {
           var bigImg = $(this).data('bigimg')
           var imgDetail = $(this).data('imgdetail')
-          $('.hero-view')
-            .slideDown(250)
-            .find('.hero-d-p img')
-            .attr('src', bigImg)
+          $('.hero-view').find('.hero-d-data img').attr('src', '')
+          $('.hero-view').find('.hero-d-p img').attr('src', '')
           $('.hero-view').find('.hero-d-data img').attr('src', imgDetail)
+          $('.hero-view').find('.hero-d-p img').attr('src', bigImg)
+          $('.hero-view').slideDown(250)
         })
 
         $('.hero-d-close').click(function () {
@@ -517,11 +517,11 @@
           var _index = $(this).index()
           var bigImg = $(this).data('bigimg')
           var imgDetail = $(this).data('imgdetail')
-          $('.weapon-view')
-            .slideDown(250)
-            .find('.hero-d-p img')
-            .attr('src', bigImg)
+          $('.weapon-view').find('.hero-d-data img').attr('src', '')
+          $('.weapon-view').find('.hero-d-p img').attr('src', '')
           $('.weapon-view').find('.hero-d-data img').attr('src', imgDetail)
+          $('.weapon-view').find('.hero-d-p img').attr('src', bigImg)
+          $('.weapon-view').slideDown(250)
 
           mySwiper2 = $('.weapon-silder .swiper-container-0').swiper({
             // loop: true,

src/mobile/NFT.html

@@ -528,11 +528,10 @@
           var bigImg = $(this).data('bigimg')
           var imgDetail = $(this).data('imgdetail')
           $('.hero-view').find('.hero-d-data img').attr('src', '')
-          $('.hero-view')
-            .slideDown(250)
-            .find('.hero-d-p img')
-            .attr('src', bigImg)
+          $('.hero-view').find('.hero-d-p img').attr('src', '')
+          $('.hero-view').find('.hero-d-p img').attr('src', bigImg)
           $('.hero-view').find('.hero-d-data img').attr('src', imgDetail)
+          $('.hero-view').slideDown(250)
           stopBodyScroll(true)
         })
 
@@ -545,11 +544,11 @@
           var _index = $(this).index()
           var bigImg = $(this).data('bigimg')
           var imgDetail = $(this).data('imgdetail')
-          $('.weapon-view')
-            .slideDown(250)
-            .find('.hero-d-p img')
-            .attr('src', bigImg)
+          $('.weapon-view').find('.hero-d-p img').attr('src', '')
+          $('.weapon-view').find('.hero-d-data img').attr('src', '')
+          $('.weapon-view').find('.hero-d-p img').attr('src', bigImg)
           $('.weapon-view').find('.hero-d-data img').attr('src', imgDetail)
+          $('.weapon-view').slideDown(250)
           stopBodyScroll(true)
           mySwiper2 = $('.weapon-silder .swiper-container-0').swiper({
             // loop: true,

src/mobile/index.html

@@ -139,35 +139,44 @@
         <div class="swiper-container">
           <div class="swiper-wrapper">
             <div class="swiper-slide">
-              <img src="imgMobile/home/001.png" />
+              <img src="img/home/001.png" />
               <img src="img/home/001.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
-              <img src="imgMobile/home/002.png" />
+              <img src="img/home/002.png" />
+              <img src="img/home/002.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
-              <img src="imgMobile/home/003.png" />
+              <img src="img/home/003.png" />
+              <img src="img/home/003.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/004.png" />
+              <img src="img/home/004.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/005.png" />
+              <img src="img/home/005.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/006.png" />
+              <img src="img/home/006.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/007.png" />
+              <img src="img/home/007.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/008.png" />
+              <img src="img/home/008.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/009.png" />
+              <img src="img/home/009.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/010.png" />
+              <img src="img/home/010.gif" class="aniIcon" />
             </div>
           </div>
         </div>