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.

does not activate the last element and incorrect positioned

See original GitHub issue

on the screen: this is the last slide as you can see he is not selected as active and not being correctly positioned.

code:

  .slider.js_multislides.multislides
    .frame.js_frame
      ul.slides.js_slides
        li.js_slide: img(src='image/projects_1.jpg' width='226' height='164' alt='1')
        li.js_slide: img(src='image/projects_2.jpg' width='226' height='164' alt='2')
        li.js_slide: img(src='image/projects_3.jpg' width='226' height='164' alt='3')
        li.js_slide: img(src='image/projects_4.jpg' width='226' height='164' alt='4')
        li.js_slide: img(src='image/projects_1.jpg' width='226' height='164' alt='1')
        li.js_slide: img(src='image/projects_2.jpg' width='226' height='164' alt='2')
        li.js_slide: img(src='image/projects_3.jpg' width='226' height='164' alt='3')
        li.js_slide: img(src='image/projects_4.jpg' width='226' height='164' alt='4')
        li.js_slide: img(src='image/projects_1.jpg' width='226' height='164' alt='1')
        li.js_slide: img(src='image/projects_2.jpg' width='226' height='164' alt='2')
    span.js_prev.prev.icon-projects_arrow
    span.js_next.next.icon-projects_arrow

.slider
  position relative
  margin 0 auto
  width 226px

  .frame
    margin 0 auto
    width 226px
    overflow hidden
    white-space nowrap

  .slides 
    margin 0
    padding 0
    display inline-block

  li 
    position relative
    display inline-block

ps: in the rest of the library is great! Thank you for your trouble! 😃