templates/_general_includes/_slider_principal.html.twig line 1

Open in your IDE?
  1. <section id="slider" class="slider-element revslider-wrap h-auto">
  3.     <div id="rev_slider_206_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="creative-freedom"
  4.          style="background-color:#1f1d24;padding:0px;">
  5.         {#<!-- START REVOLUTION SLIDER 5.1.1RC fullscreen mode -->#}
  6.         <div id="rev_slider_206_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.1.1RC">
  7.             <ul>
  8.                 {#<!-- SLIDE  -->#}
  9.                 {% set param1 = 0 %}
  10.                 {% for slider in sliders %}
  11.                     {% set param1 = slider.id %}
  12.                     {% set title = slider.designation %}
  13.                 <li data-index="rs-688" data-transition="fadethroughdark"
  14.                     data-slotamount="default" data-easein="default" data-easeout="default"
  15.                     data-masterspeed="2000" data-thumb="{#{{ vich_uploader_asset(slider, 'imageFile') |e }}#}"
  16.                     data-rotate="0" data-saveperformance="off"
  17.                     data-title="" data-param1="" data-description="">
  18.                     <!-- MAIN IMAGE -->
  19.                     {#
  20.                     <img src="{{ vich_uploader_asset(slider, 'imageFile') | imagine_filter('format_sliderrevolution_accueil') }}" alt="{{ slider.designation }}"
  21.                          data-bgposition="center center" data-bgfit="cover" data-bgrepeat="repeat" data-bgparallax="3"
  22.                          class="rev-slidebg" data-no-retina>
  23.                     #}
  24.                     {# lien avant #
  25.                     <img src="{{ vich_uploader_asset(slider, 'imageFile') | imagine_filter('format_sliderrevolution_accueil') }}" alt="{{ slider.designation }}"
  26.                          data-bgposition="center center" data-bgfit="cover" data-bgrepeat="repeat" data-bgparallax="3"
  27.                          class="rev-slidebg" data-no-retina>
  28.                     #}
  29.                     {# lien après #}
  30.                     <img src="{{ vich_uploader_asset(slider, 'imageFile') }}" alt="{{ slider.designation }}"
  31.                          data-bgposition="center center" data-bgfit="cover" data-bgrepeat="repeat" data-bgparallax="3"
  32.                          class="rev-slidebg" data-no-retina>
  33.                     <!-- LAYERS -->
  35.                     {#<!-- BACKGROUND VIDEO LAYER -->#}
  36.                     {% if slider.video %}
  37.                     <div class="rs-background-video-layer"
  38.                          data-forcerewind="on" data-volume="mute"
  39.                          data-videowidth="100%" data-videoheight="100%"
  40.                          data-videomp4="{{ asset('medel_assets/uploads/videos/') }}{{ slider.video }}"
  41.                          data-videopreload="preload" data-videoloop="loop" data-autoplay="true"
  42.                          data-autoplayonlyfirsttime="false" data-nextslideatend="true">
  43.                     </div>
  44.                     {% endif %}
  46.                     <!-- LAYER NR. 6 -->
  47.                     <div class="tp-caption Creative-Button rev-btn  rs-parallaxlevel-15" id="slide-688-layer-6" data-x="['center','center','center','center']"
  48.                          data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['-91','-91','-81','-64']"
  49.                          data-fontweight="['400','500','500','500']" data-width="none" data-height="none" data-whitespace="nowrap"
  50.                          data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
  51.                          data-style_hover="c:rgba(205, 176, 131, 1.00);bc:rgba(205, 176, 131, 1.00);cursor:pointer;"
  52.                          data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power2.easeOut;"
  53.                          data-transform_out="x:0;y:0;z:0;rX:0;rY:0;rZ:0;sX:0.75;sY:0.75;skX:0;skY:0;opacity:0;s:500;e:Power1.easeIn;s:500;e:Power1.easeIn;"
  54.                          data-start="2350" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"jumptoslide","slide":"next","delay":""}]'
  55.                          data-responsive_offset="on"
  56.                          data-responsive="off"
  57.                          style="z-index: 9; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">
  58.                         CONTINUER
  59.                     </div>
  61.                 </li>
  62.                 {% endfor %}
  64.             </ul>
  66.         </div>
  67.     </div>
  68.     {#<!-- END REVOLUTION SLIDER -->#}
  70. </section>