I have used multiple slick slider its working fine but the problem is i want image like below OURBRAND that is stable and after that i want slider..Slider images are so big so i want it smaller.
Like below i want
P.s. For sample purpose plz use any images.....
like this i want
And my code display result like this..
This is the result of my code ...
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('.brand').slick({
infinite: true,
slidesToShow: 4,
slidesToScroll: 1,
arrows:false,
autoplay: true,
autoplaySpeed: 2000,
});
});
</script>
<div style="width: 900px; border-radius: 10px;">
<%-- <h3 style="text-align: center; font-size: xx-large; text-decoration: underline;">
OUR BRAND</h3>--%>
<%--<img src="images/Brand mshoes/aldo.jpg" alt="" style="height: 150px; width: 264px;
margin: 35px; margin-bottom: 1px; margin-left: -5px;" />--%>
</div>
<%-- <hr style="color: Black;" />--%>
<div id="div6" class="brand" runat="server" style="background-color: white; padding-bottom: 10px;">
<img src="images/brand mshoes/addidas.jpg" alt="" style="height: 118px; width: 150px;" />
<img src="images/brand mshoes/aldo.jpg" alt="" style="height: 118px; width: 150px;" />
<img src="images/brand mshoes/converse.jpg" alt="" style="height: 118px; width: 150px;" />
<img src="images/brand mshoes/nike.png" alt="" style="background-color: white; height: 118px;
width: 150px;" />
<img src="images/brand mshoes/sekchers.png" alt="" style="height: 118px; width: 150px;" />
<img src="images/brand mshoes/puma.jpg" alt="" style="height: 118px; width: 150px;" />
</div>
