Server IP : 103.53.40.154 / Your IP : 18.222.20.30 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home2/ppcad7no/asksolution.in/../drckjon.in/../rajwadahouse.com/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <style> .wrapper-slide{ padding: 10px 0; } .center-slider .slick-slide{ background-color: #b32532; color: #FFF; height: auto; margin: 0 15px 0 0; display: flex; align-items: center; justify-content: center; transform: scale(0.8); transition: all 0.4s ease-in-out; } .center-slider .slick-slide, .center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] { transform: scale(0.8, 0.8); transition: all 0.4s ease-in-out; } .center-slider .slick-center, .center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] { transform: scale(1.1); background-color: #000000; } .center-slider .slick-current.slick-active{ transform: scale(1.1); background-color: #000000; } .slick-next, .slick-prev{ z-index: 5; } .slick-next{ right: 15px; } .slick-prev{ left: 15px; } .slick-next:before, .slick-prev:before{ color: #000; font-size: 26px; } </style> <div class="wrapper-slide"> <div class="center-slider"> <div> <img src="assets/img/banner.jpg"> </div> <div> <img src="assets/img/banner3.jpg"> </div> <div> <img src="assets/img/banner2.jpg"> </div> </div> </div> <script> $(document).ready(function(){ $('.center-slider').slick({ slidesToShow: 1, slidesToScroll: 1, centerMode: true, arrows: false, dots: false, speed: 300, centerPadding: '20px', infinite: true, autoplaySpeed: 5000, autoplay: true }); }); </script>