question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Trying to implement slick slider but images are stacking vertically. No slider

See original GitHub issue

short 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

  1. 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:open
  • Created 5 years ago
  • Comments:8

github_iconTop GitHub Comments

1reaction
tripwatercommented, Sep 4, 2018

@pwhitehouse thank you again for your time and help! Have a great day.

1reaction
tripwatercommented, Sep 4, 2018

@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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found