<a href="{{ $product->description->present()->image }}" id="jqzoom" class="jqzoom clearfix" rel='gal1' title="{{ $product->title }}">
  @if(isVideo($product->description->present()->image))
  <img src="{{ $product->description->present()->image }}?x-oss-process=video/snapshot,t_1000,f_jpg,w_400,m_fast,ar_auto" class="small" title="{{ $product->title }}" style="display: none;">
  <video src="{{ videoUrl($product->description->present()->image) }}" controls="controls">
  @else
  <img src="{{ $product->description->present()->image }}" class="small" title="{{ $product->title }}">
  @endif
</a>

<a class=""></a>

@if(count($product->description->imgs) > 1)

  <div class="thumb-list">

    <ul class="swiper-wrapper">
      @foreach($product->description->present()->images as $img)
        <li class="swiper-slide">
          @if(isVideo($img))
            <a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '{{ $img }}',largeimage: '{{ $img }}', type: 'video', url: '{{ videoUrl($img) }}'}">
              <span></span>
              <img src="{{ $img }}?x-oss-process=video/snapshot,t_1000,f_jpg,w_400,m_fast,ar_auto">
            </a>
          @else
            <a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '{{ $img }}',largeimage: '{{ $img }}', type: 'img'}">
              <img src="{{ $img }}">
            </a>
          @endif
        </li>
      @endforeach
    </ul>

    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>

  </div>

@endif

