2017-04-01 4 views
0

Ich möchte wissen, wie Sie bestimmte Folie in Slick-Galerie zu vergrößern. Ich möchte die Folie mit Klasse vergrößern, um zu vergrößern. Ich habe versucht mit Scalling, Hinzufügen von Polsterung, Rand, etc., aber keinen Effekt. Irgendeine Idee?So vergrößern Sie benutzerdefinierte Folie in 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, 
}); 

Ich versuche, so etwas zu tun: enter image description here

Antwort

0

haben Sie versucht, so etwas wie?

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

Ich tat. Aber es vergrößert sich nur links, rechts und unten. Top bleibt gleich. – user1784025

+0

kann Punkt Ursprungspunkt transformieren: Überprüfen Sie die aktualisierte CSS – cesare

+0

haben Sie eine Lösung gefunden? – cesare

Verwandte Themen