app/template/default/Block/mainvisual.twig line 1

Open in your IDE?
  1. {% block javascript %}
  2.      <script>
  3.         $(function () {
  4.             $('.slider-mv').slick({
  5.                 autoplay: true,
  6.                 centerMode: true,
  7.                 centerPadding: '22%',
  8.                 dots: true,
  9.                 arrows: true,
  10.                 slidesToShow: 1,
  11.                 dotsClass: "slide-dots",
  12.                 responsive: [
  13.                     {
  14.                         breakpoint: 768,
  15.                         settings: {
  16.                             arrows: false,
  17.                             centerMode: false,
  18.                             slidesToShow: 1
  19.                         }
  20.                     }
  21.                 ]
  22.             });
  23.         });
  24.     </script>
  25. {% endblock javascript %}
  28. <div class="top-slider">
  29.             <div class="slider-mv">
  30.                 <div class="slider_item">
  31.                     <a href="">
  32.                         <img class="pc" src="{{ asset('assets/img/top/mv1.jpg','user_data') }}" alt="">
  33.                         <img class="sp" src="{{ asset('assets/img/top/mv1_sp.jpg','user_data') }}" alt="">
  34.                     </a>
  35.                 </div>
  36.                 <div class="slider_item">
  37.                     <a href="">
  38.                         <img class="pc" src="{{ asset('assets/img/top/mv2.jpg','user_data') }}" alt="">
  39.                         <img class="sp" src="{{ asset('assets/img/top/mv2_sp.jpg','user_data') }}" alt="">
  40.                     </a>
  41.                 </div>
  42.                 <div class="slider_item">
  43.                     <a href="">
  44.                         <img class="pc" src="{{ asset('assets/img/top/mv3.jpg','user_data') }}" alt="">
  45.                         <img class="sp" src="{{ asset('assets/img/top/mv3_sp.jpg','user_data') }}" alt="">
  46.                     </a>
  47.                 </div>
  48.                 <div class="slider_item">
  49.                     <a href="">
  50.                         <img class="pc" src="{{ asset('assets/img/top/mv4.jpg','user_data') }}" alt="">
  51.                         <img class="sp" src="{{ asset('assets/img/top/mv4_sp.jpg','user_data') }}" alt="">
  52.                     </a>
  53.                 </div>
  54.             </div>
  55.         </div>