0
我想要一个垂直滑块与滑动滑块和tilt.js.最后一个给鼠标悬停动画,但滑块不起作用。有没有办法让这两个图书馆一起工作?滑动滑块与tilt.js
$(document).ready(function() {
$('.slider').slick({
vertical: true,
slidesToShow: 1,
slidesToScroll: 1,
});
const tilt = $('.js-tilt').tilt();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
<script src="https://unpkg.com/[email protected]/dest/tilt.jquery.min.js"></script>
<div class="slider">
<div><img class="js-tilt" src="http://lorempicsum.com/simpsons/255/200/2" alt=""></div>
<div><img class="js-tilt" src="http://lorempicsum.com/simpsons/255/200/2" alt=""></div>
<div><img class="js-tilt" src="http://lorempicsum.com/simpsons/255/200/2" alt=""></div>
<div><img class="js-tilt" src="http://lorempicsum.com/simpsons/255/200/2" alt=""></div>
<div><img class="js-tilt" src="http://lorempicsum.com/simpsons/255/200/2" alt=""></div>
<div><img class="js-tilt" src="http://lorempicsum.com/simpsons/255/200/2" alt=""></div>
<div><img class="js-tilt" src="http://lorempicsum.com/simpsons/255/200/2" alt=""></div>
<div><img class="js-tilt" src="http://lorempicsum.com/simpsons/255/200/2" alt=""></div>
</div>