如何在slick.js中放大自定义幻灯片

Question

我想知道如何在光滑画廊中放大特定的幻灯片。我想放大幻灯片到放大。我尝试了缩小，添加填充，边距等，但没有效果。任何想法？

HTML：

<div class="slick-holder"> 
    <a href="link.html"> 
     <div class="single"></div> 
    </a> 
    <a href="link.html" class="toEnlarge"> 
     <div class="single"></div> 
    </a> 
    ... 
    <a href="link.html"> 
     <div class="single"></div> 
    </a> 
</div> 

JS：

$('.slick-holder').slick({ 
    slidesToShow: 5, 
    slidesToScroll: 1, 
    infinite: true, 
}); 

我试图做这样的事情：

Answer 1

你尝试过什么样的？

.toEnlarge{ 
    display: block; 
    transform: scale(1.3); 
    transform-origin: 50% 50%; 
}