I'm trying to use slick carousel (https://github.com/kenwheeler/slick) and they have a method slickNext()
which triggers the next slide in the carousel.
Right now my html file looks like this:
<div class="slick-slider">
<div><%= image_tag "1.jpg"%></div>
<div><%= image_tag "1.jpg"%></div>
<div><%= image_tag "1.jpg"%></div>
</div>
<i class="fa fa-angle-right"></i>
<script type="text/javascript">
$("fa-angle-right").click(function(e) {
$("fa-angle-right").slickNext();
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('.slick-slider').slick({
dots: true
});
(jQuery)});
</script>
However this is not working and I can't really figure out why. Thanks
$('.slick-slider').slickNext()
?