No Description Available
0
HTML 5 and CSS3 Product slider section with zoom effect.
jQuery(document).ready(function($) { $('.slick.marquee').slick({ speed: 2000, autoplay: true, autoplaySpeed: 0, centerMode: true, cssEase: 'linear', slidesToShow: 1, slidesToScroll: 1, variableWidth: true, infinite: true, initialSlide: 1, arrows: false, buttons: false }); });
<h1 class="heading text-center m-5">Slick Carousel Marquee Demo</h1> <div class="slick marquee"> <div class="slick-slide"> <div class="inner"> <img src="https://venturebeat.com/wp-content/uploads/2018/07/microsoft-logo.jpg?fit=400%2C200&strip=all" alt="Placeholder" width="179" height="78"/> </div> </div> <div class="slick-slide"> <div class="inner"> <img src="https://www.apple.com/ac/structured-data/images/knowledge_graph_logo.png?201606271147" alt="Placeholder" width="179" height="78"/> </div> </div> <div class="slick-slide"> <div class="inner"> <img src="https://www.stickpng.com/assets/images/58ac4d880aaa10546adf2711.png" alt="Placeholder" width="179" height="78"/> </div> </div> <div class="slick-slide"> <div class="inner"> <img src="http://www.tataglobalbeverages.com/docs/default-source/default-document-library/tata-logo.jpg?sfvrsn=0" alt="Placeholder" width="179" height="78"/> </div> </div> <div class="slick-slide"> <div class="inner"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/24/Samsung_Logo.svg/1280px-Samsung_Logo.svg.png" alt="Placeholder" width="179" height="78"/> </div> </div> </div>