2017-04-01 18 views
0

スリックギャラリーで特定のスライドを拡大する方法を知りたい。私はクラスto拡大するでスライドを拡大したいと思います。私はスケーリング、パディング、マージンなどを加えてみましたが効果はありませんでした。何か案が?slick.jsでカスタムスライドを拡大する方法

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, 
}); 

私はこのような何かをやろうとしている: enter image description here

答えて

0

はあなたのようなものを試してみましたか?

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

でした。しかし、それは左、右、そして底にのみ拡大します。トップは同じままです。 – user1784025

+0

は、ポイントの起源をトラストすることができます:更新されたcss – cesare

+0

を見つけましたか? – cesare

関連する問題