Trying to implement slick slider but images are stacking vertically. No slider
See original GitHub issueshort description of the bug / issue, provide more detail below. Just go to the jsfiddle and you will see a simple example. I followed the most basic examples on the github for slick but can’t get it to work. I am not sure what I am missing. Each image is stacking vertically, no bullets, no arrows, no slide. Thank you for your time and a help with this. ====================================================================
[ paste your jsfiddle link here ]
http://jsfiddle.net/tripwater/6rdLmnop/
====================================================================
Steps to reproduce the problem
- Go to jsfiddle link provided. Issue is reproduced there.
- …
====================================================================
What is the expected behaviour?
…
====================================================================
What is observed behaviour?
…
====================================================================
More Details
- Which browsers/versions does it happen on? All browsers
- Which jQuery/Slick version are you using? Latest from github
- Did this work before? Never worked. Just starting, first time install
Issue Analytics
- State:
- Created 5 years ago
- Comments:8
Top Results From Across the Web
Slick carousel images not fitting on screen vertically and not ...
No that is not the issue. The issue is if the image is taller than available screen space it does not shrink to...
Read more >Slider HTML - WOWSlider.com
This slider is now avalable with our Free Website Builder! This easy web design software comes with 5300+ awesome website blocks: image galleries, ......
Read more >Learn How to Create a Vertical Slick Slider with Custom Dots ...
The first step is to point to the slick and custom CSS files by adding style sheets to the <head> section of the...
Read more >46 Image Slider - Content Carousels Design Inspiration
A very fancy image gallery by Zed Dash, the images are stacked horizontally in very narrow cards... Read More · image effectsanimationclick animationimage...
Read more >How To Create Custom Image Text Slider Using Slick (Step-by ...
This video tutorial is going to show you How To Create Custom Image Text Slider Using the Slick Responsive Carousel Jquery Plugin by...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@pwhitehouse thank you again for your time and help! Have a great day.
@pwhitehouse thank you! Stupid oversight. I have the it matching now. Knew it had to be something simple 😃
Now, curious, the arrows don’t show. Is this something I have to handle with custom css now? Look at my fiddle now and see the bullets are there but no arrows even though they are set to true. http://jsfiddle.net/tripwater/6rdLmnop/14/
**The arrows appear to be present in jsfiddle but hid from view. If you mouse over the left or right edge you get a pointer cursor and clicking will kick off next/prev slide. So they are there just invisible.
Also in my first example before the typo from the copy and paste of your exmaple, I had this:
$(document).on('ready', function() { $("#slider1_container").slick({ dots: true, arrows: true, infinite: true, slidesToShow: 1, slidesToScroll: 1 }); });
What about the above code was wrong just so I know in the future? This is what was in place BEFORE your first reply to my post. Was it the on(‘ready’)? Thank you again