app/Plugin/BannerManagement42/Resource/template/index_slider.twig line 1

Open in your IDE?
  1. {# This file is part of BannerManagement42
  3. Copyright(c) U-Mebius Inc. All Rights Reserved.
  5. https://umebius.com/
  7. For the full copyright and license information, please view the LICENSE
  8. file that was distributed with this source code.
  9. #}
  10. <script>
  11.     $(function () {
  12.         $('.main_visual').slick('unslick')
  13.         $('.main_visual').html('')
  14.         {% for Banner in TopBanners %}
  15.         var $slide = $("<div class='item slick-slide'></div>");
  16.         var $img = $("<img src='{{ asset('banner/' ~ Banner.file_name, 'save_image') }}'>");
  17.         $img.attr('alt', '{{ Banner.alt }}')
  18.         {% if Banner.url %}
  19.         var $link = $('<a>').attr('href', '{{ Banner.url }}');
  20.         {% if Banner.link_method %}
  21.         $link.attr('target', '_blank');
  22.         {% endif %}
  23.         $link.html($img).appendTo($slide);
  24.         {% else %}
  25.         $img.appendTo($slide);
  26.         {% endif %}
  27.         $('.main_visual').append($slide)
  28.         {% endfor %}
  29.         var slider = $('.main_visual').slick({
  30.             dots: true,
  31.             arrows: false,
  32.             autoplay: true,
  33.             autoplaySpeed: 7000,
  34.             pauseOnHover: true,
  35.             speed: 800
  36.         });
  38.         $('.main_visual').css({
  39.             visibility: 'visible'
  40.         })
  41.         slider.slick('setPosition');
  42.     })
  43. </script>