slick.js Questions
6
Solved
I am currently using Slick (Ken Wheeler) slider function. It is currently on being loaded within the footer with only two variables.
$('.slickSlider').slick({
dots: true,
fade: true
});
I am...
Agamogenesis asked 9/7, 2014 at 16:20
4
Solved
The problem is that the slick slider div has overflow: hidden; so the box-shadows of the slides divs keep getting cut off.
Anybody ran into this problem too?
Here is a little fiddle demonstrating...
Khz asked 16/11, 2017 at 8:47
7
Solved
How can I disable a slider for desktop resolutions but display it on mobile devices? The following code allows only for the opposite:
$('.slider').slick({
slidesToShow: 5,
slidesToScroll: 1,
aut...
2
I need to make a two lines carousel with left to right order (also responsive)
With:
$('slider').slick({
rows: 2,
slidesToShow: 3,
responsive: [
{
breakpoint: 768,
settings: {
slidesToSh...
Cannot asked 19/11, 2015 at 10:1
4
Solved
Below is a shiny app which displays a slideshow of images with the slickR package. How to get the name of the current image?
library(shiny)
library(slickR)
ui <- fluidPage(
tags$div(
slickRO...
3
I am trying to work out why the unslick method isn't working while using responsive breakpoints.
<div id="skills" class="sectionWrapperInner">
<div>Slide 1</div>
<div>Sli...
Chilpancingo asked 24/11, 2016 at 5:29
1
I'm trying to appendDots so the dots are inside each slide for positioning reasons. I can do this no problem using the function
appendDots: $('.appenddots')
But when I do this the slick-active cla...
5
I'm trying to config slick.js to show arrows in any circumstance.
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
});
$('.slide...
Goodfellowship asked 8/3, 2016 at 13:19
4
Solved
I am using Slick.js plugin with its Slider Syncing feature. The issue I am having is that if I use multiple sliders on a single page, by clicking next or prev buttons plugin performs the action for...
4
I'm working on a news article page that also has a gallery of images.
I'm using slick slider for the thumbnails on the gallery. Every image in the gallery has it's own url for ad view purposes (no...
Paryavi asked 22/7, 2014 at 14:17
7
I have implemented slick slider which works fine without resizing the browser. But when I resize the browser to 1024 then the responsive breakpoint settings doesn't work.
jQuery:
$('.slider').slick...
Apatetic asked 6/2, 2017 at 21:57
0
I am using Laravel 5.8 and Slick.js to show an Slideshow for my Online Store and I coded this:
Slick.prototype.initADA = function() {
var _ = this,
numDotGroups = Math.ceil(_.slideCount / _.optio...
Hialeah asked 27/11, 2021 at 6:26
2
I'm using the slick caurousel for test. I am currently hard coding the height of the slides:
<div class="slides">
<div>slide a</div>
<div>slide b</div>
<div>...
3
Solved
So, this is code I use for slider:
$('.autoplay').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
dots: true
});
And I want that after user clicks on any do...
Broccoli asked 7/6, 2016 at 9:27
5
Solved
This is the configuration I am using to create a slick carousel on my web page:
$('#carousel').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
arrows: true,
autoplay: true,
autopl...
Irrawaddy asked 28/7, 2015 at 6:43
2
Solved
I have the following React app with a Slick carousel. I created a custom Next button and need to execute the slickNext() method to proceed to the next slide. The Slick carousel docs and some of the...
Ricercar asked 10/11, 2020 at 20:12
5
I use slick carousel http://kenwheeler.github.io/slick/ on my page and now I need to add video with autoplay in it.
I use this code
HTML
<div class="main-slider" id="main-slider">
<div&g...
Hindemith asked 27/4, 2015 at 16:30
2
Solved
When loading slick slider in collapsed content (angular-bootstrap collapse plugin in this case) the .slick-track div gets 0px width, resulting in the slider trying to fit all slides on top of eacho...
Methyl asked 12/8, 2015 at 3:10
4
Solved
I'm using slick.js http://kenwheeler.github.io/slick/ to run through some slides, the last of which should toggle an alert.
After some ferreting around online and realizing that this should work w...
6
Here is a fiddle of Slick Carousel embedded in a Bootstrap thumbnail.
JSFiddle
How can I make the carousel only 200px tall and ensure that the images are scaled proportionally? I can't seem to g...
Fefeal asked 29/12, 2014 at 6:37
3
Solved
I am trying to add functionality to slick slider where when you click on a slide it will remove it from the slider.
I looked at the documentation on Slick Sliders website and it shows how to add/r...
Denmark asked 14/5, 2018 at 12:27
2
i have an active site with 3 slick sliders on one page, usually the slick doesn't initialise and instead i just see all the images, sometimes if i refresh they all start working.
https://au.hairan...
6
What's the best way to implement scroll with slick.js so that when you scroll with your mouse, it switches to the next slide? Or is there a setting I am missing?
Here is what I'm referring to, jus...
Avaria asked 1/10, 2017 at 3:34
6
Solved
What I want is to have a slider that shows 3.5 slides at once, with the right most slide being the one that is only half shown. I have seen something like this done successfully using centerMode an...
5
Solved
I have coded a system which uses the Slick Slider plugin so that I can slide horizontally from one content to another (those slides are including both pictures and text).
I also added Fancybox so t...
Mister asked 30/7, 2018 at 7:31
© 2022 - 2024 — McMap. All rights reserved.