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.

prev slide button not working

See original GitHub issue

Previous button(arrow) is not scrolling frames. (next button(arrow) is working)

  1. I am using slick-theme.css and slick.css

====================================================================

$('.carousel-slide').slick({ slidesToShow: 1, slidesToScroll: 1, fade: true, infinite: true, speed: 500} );

here is the html <section class="carousel" id='gallery-carousel'> <div class='carousel-slide'> <div> <h3>1</h3> </div> <div> <h3>2</h3> </div> <div> <h3>3</h3> </div> </div> </section>

[ paste your jsfiddle link here ]

i am unable to recreate in jsfiddle as to reproduce requires fonts.

use this jsfiddle to reproduce your bug: http://jsfiddle.net/simeydotme/fmo50w7n/ we will likely close your issue without it.

====================================================================

Steps to reproduce the problem

  1. create carousel in html
  2. load slick.css and slick-theme.css stylesheets 3.choose option of arrow: true note previous button works when slick-theme.css is not used for styling

====================================================================

What is the expected behaviour?

… I expect that the button turns opaque and the pointer changes on hover and when selected the slide carousel should advance backwards

====================================================================

What is observed behaviour?

nothing happens, no hover and no pointer change, slides do not advance backward

====================================================================

More Details

  • Which browsers/versions does it happen on? chrome firefox
  • Which jQuery/Slick version are you using? jquery: v3.1.1 “slick-carousel”: “^1.6.0”
  • Did this work before? no but it works when i do not use the slick-theme.css file

Issue Analytics

  • State:open
  • Created 6 years ago
  • Comments:10

github_iconTop GitHub Comments

42reactions
kayettercommented, Apr 2, 2017

My solution:

  1. I made sure that my title div did not cover the area where i was placing the button.
  2. i added z-index: 9999 to .slick-prev class

it appeared to fix the issue

17reactions
leggomuhgreggocommented, Apr 19, 2017

Bingo: z-indexing. We should probably add that to the CSS, although we can probably just do z-index: 1. PR’s welcome!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Prev and Next button is not working correctly at the breakpoints
The next button will be disabled when there is no forward slide and the previous button will be disabled when there is no...
Read more >
Add commands to your presentation with action buttons
Add commands to your presentation with action buttons · Go to the next slide, the previous slide, the first slide, the last slide,...
Read more >
next prev buttons not working in carousel v. 9.9 - WordPress.org
Hi, with the latest 9.9 update the “next” and “prev” buttons no longer works. I tried with father theme, screenr, and twenty-twenty one,...
Read more >
Carousel · Bootstrap v5.0
The .active class needs to be added to one of the slides otherwise the carousel will not be visible. Also be sure to...
Read more >
buttons not working in preview - Articulate Storyline Discussions
I'm having this issue today (SL3). I'm using my own PREV/NEXT buttons on my slides, and they do not function when previewing one...
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