Responsive Slideshow

  • Resolved bkbillma

    (@bkbillma)


    12 years, 4 months ago

    Thanks a ton for the plugin and the quick responses on other threads. I am trying to build a responsive theme that will be used across a lot of sites and I have the slideshow nicely responsive with height/width adjustment and all. However, the slideshow transitions just repeat the first slide.

    I am assuming it is mostly due to positioning that was used to transition the slides and my css preventing it.

    I am just curious if you have thoughts/input or if you have tried to make a responsive theme or make the slideshow responsive by default

    https://dev.pillboxapp.com/tools/wp-theme/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Stefan Boonstra

    (@stefanboonstra)

    That’s a very nice way of making it responsive, it works great!

    The thing that’s missing though, is that the ‘.slideshow’ element needs to be more than a 100% wide to be able to slide around. (Fading animations also use a slide, but this happens during the time it’s invisible, this will be changed in version 2.2.0 to a nicer approach.)

    To get the slideshow working, the ‘max-width: 100%;’ on line 14 in your ‘style.css’ file needs to be removed. This causes the slideshow to be too small to move.

    The ‘max-width: 100%;’ should be added onto the ‘.slideshow_container’ element. And the slides’ images need to be automatically adjusted to the width of the slideshow container by adding ‘width: auto !important;’ to the ‘.slide, .slide img’ class elements. Otherwise the slides are as wide as the sliding element, causing it to lock up again.

    I hope my description is clear enough to understand. Version 2.2.0 of the slideshow plugin will be responsive by default.

    Thread Starter bkbillma

    (@bkbillma)

    Thank you. Yeah I assumed the width was part of it but I was trying to figure out why you did the width like that instead of just fading in and out but with the slide instead of fade it makes sense.

    Good work and great response time on this stuff.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive Slideshow’ is closed to new replies.