Carousel.html 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. {namespace v=FluidTYPO3\Vhs\ViewHelpers}
  2. {namespace ot=Opentalent\OtTemplating\ViewHelpers}
  3. <f:comment><!--
  4. -- Resources.fal ViewHelper --
  5. Voir: https://fluidtypo3.org/viewhelpers/vhs/master/Page/Resources/FalViewHelper.html
  6. --></f:comment>
  7. <ot:carousel.images as="images"
  8. limit="5"
  9. countAs="count">
  10. <f:if condition="{count} > 0">
  11. <section id="main-carousel" class="rev-slider">
  12. <div id="rev_slider_268_1_wrapper"
  13. class="rev_slider_wrapper fullwidthbanner-container"
  14. data-alias="webster-slider-2"
  15. data-source="gallery"
  16. style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
  17. <f:if condition="{count} <= 1">
  18. <style>
  19. .tparrows {
  20. display: none !important;
  21. }
  22. </style>
  23. </f:if>
  24. <f:comment><!-- START REVOLUTION SLIDER 5.4.6.3 fullwidth mode --></f:comment>
  25. <div id="rev_slider_268_1"
  26. class="rev_slider"
  27. style="display:none;"
  28. data-version="5.4.6.3">
  29. <ul>
  30. <f:for each="{images}" as="image">
  31. <li data-index="rs-757"
  32. data-transition="fade"
  33. data-slotamount="default"
  34. data-hideafterloop="0"
  35. data-hideslideonmobile="off"
  36. data-easein="default"
  37. data-easeout="default"
  38. data-masterspeed="1000"
  39. data-thumb=""
  40. data-rotate="0" data-saveperformance="off"
  41. data-title="Slide"
  42. data-param1=""
  43. data-param2=""
  44. data-param3=""
  45. data-param4=""
  46. data-param5=""
  47. data-param6=""
  48. data-param7=""
  49. data-param8=""
  50. data-param9=""
  51. data-param10=""
  52. data-description="">
  53. <ot:imageP src="{image.url}"
  54. alt="{image.alternative}"
  55. class="rev-slidebg"
  56. height="500c"
  57. data="{bgposition: 'center center', bgfit: 'cover', bgrepeat: 'no-repeat', no-retina: ''}"
  58. />
  59. </li>
  60. </f:for>
  61. </ul>
  62. </div>
  63. </div>
  64. </section>
  65. </f:if>
  66. </ot:carousel.images>