How do I get the 'one-by-one effect' with four images?

  • Resolved vegazwolle

    (@vegazwolle)


    10 years, 11 months ago

    Hi there,

    On your example page you have the carousel type. It consists of a total of 11 images – with 3 images on screen and a horizontal scroll. What I would like to have is a total of 12 images – but with 4 images on screen – and still have the ‘one-by-one effect’ from the example.

    I’ve tried to accomplish this by resizing images and adjusting the size in the Meta Slider options. But the only thing I’ve achieved is stretched out, ugly-looking images. And if by resizing images I have 4 images on screen then 3 of them disappear at once while scrolling horizontally. I hope you understand what I mean. 🙂

    Some help would be much appreciated. I would post a link to my website, but I just started with WordPress, am still in the tinkering phase and I’m working localy with Wampserver and Twenty Twelve theme.

    Kind regards,

    Vincent

    http://wordpress.org/extend/plugins/ml-slider/

Viewing 4 replies - 1 through 4 (of 4 total)
  • matchalabs

    (@matchalabs)

    10 years, 11 months ago

    Hi Vincent,

    Flexslider doesn’t give any control over how many images to slide per click (as far as I know), it is worked out automatically. What you’ve described sounds like the intended behaviour, apart from the stretched out images. If you could get your site onto the internet somewhere and send me a link I will take a look.

    Regards,
    Tom.

    Thread Starter vegazwolle

    (@vegazwolle)

    10 years, 10 months ago

    When I have a site to show, I’ll post the link here. I do think that – just like my first post – the width of the container or div is the key. I’ll continue tinkering and if I find anything I’ll include the answer in this post. Alright?

    Thanks for your reply.

    matchalabs

    (@matchalabs)

    10 years, 10 months ago

    Hi,

    You’ll need to add some custom CSS to adjust the width (by default carousels are 100% wide). Try adding something like this to your themes style.css file.

    .metaslider_container_4 {
    max-width: 600px; /*adjust as necessary */
}

    (replace “4” with the slideshow ID)

    Regards
    Tom

    matchalabs

    (@matchalabs)

    10 years, 10 months ago

    No response, setting to resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How do I get the 'one-by-one effect' with four images?’ is closed to new replies.