
<link href="inc/liquidslider/css/liquid-slider.css" rel="stylesheet" />
<link href="inc/liquidslider/css/animate.css" rel="stylesheet" />
<script src="inc/liquidslider/js/jquery.liquid-slider.min.js"></script>
<script src="inc/liquidslider/js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript">
$(function(){
  $('#lstext-3').liquidSlider({
    autoHeight: false,
    slideEaseDuration: 1000,
    slideEaseFunction: "linear",
    animateIn: "fadeIn",
    animateOut: "fadeOut",
    autoSlide: true,
    autoSlideInterval: 3000,
    forceAutoSlide: true,
    pauseOnHover: true,
    dynamicArrows: false,
    dynamicArrowsGraphical: false,
    dynamicArrowLeftText: "&#171; Gauche",
    dynamicArrowRightText: "Droite &#187;",
    hideSideArrows: true,
    dynamicTabs: false,
    includeTitle: false,
  });
});
</script>
<style type="text/css">
.ls-main, #lstext-3-wrapper {
  width: 600px;
  max-width: 600px !important;
  margin: auto;
}
#lstext-3 .ls-item {
  width: 100%; 
  background: transparent !important;
}
.liquid-slider {
  background: #F2F2F2 !important;
  color: #000000 !important;
}
.ls-nav { background: #F2F2F2 !important; }
ul#lstext-3-nav-ul li a {
  font-weight: bold;
  background: #F2F2F2 !important;
  color: #000000 !important;
}
ul#lstext-3-nav-ul li a:hover, ul#lstext-3-nav-ul li.current a {
  background: #F2F2F2 !important;
  color: #000000 !important;
}
#lstext-3 .ls-select-box select { width: 100%; font-size: 18px; font-weight: bold; }
</style>
<div class="ls-main">
  <div class="liquid-slider" id="lstext-3">
    <div class="ls-item">
      <h2 class="title">Text 1</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.</p>
    </div>
    <div class="ls-item">
      <h2 class="title">Text 2</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.</p>
    </div>
  </div>
</div>