Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

does not activate the last element and incorrect positioned #257

Closed
slavikse opened this issue Apr 14, 2016 · 6 comments
Closed

does not activate the last element and incorrect positioned #257

slavikse opened this issue Apr 14, 2016 · 6 comments
Assignees

Comments

@slavikse
Copy link

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! :)

@ineghi
Copy link

ineghi commented Jun 6, 2016

The missing font-size: 0; on the .frame class causes wrong calculations.

@riotcku
Copy link

riotcku commented Aug 2, 2016

Read my answer on #197

I believe your problem is related, and I have a solution up there.

@nstanard
Copy link
Collaborator

Hey @slavikse,

Are you able to provide a link to that example?

@nstanard nstanard self-assigned this Nov 28, 2016
@gmenih
Copy link

gmenih commented Dec 9, 2016

Had the same problem. My issue was that I didn't add DOMContentLoaded listener, and init lory in there. After doing that, it was properly positioned.

@nstanard
Copy link
Collaborator

nstanard commented Dec 9, 2016

@slavikse If you can provide a link to a demo with a reproducible issue please open a new issue. I do believe font size 0 missing is what would cause this.

@nstanard nstanard closed this as completed Dec 9, 2016
@slavikse
Copy link
Author

@nstanard that was a long time ago. I suspect it was a newline (enter) between inline elements.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants