WordPress.org

Ready to get started?Download WordPress

Forums

Slideshow
[resolved] Images with different widths (6 posts)

  1. anyapisze
    Member
    Posted 1 year ago #

    Hi Stefan,

    is it possible to use 3 images with different widths (25%-50%-25%) per one slide?
    And another question: how could my slideshow be responsive?

    Thank you
    Mpisze

    http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/

  2. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Mpisze,

    At the moment it would be too hard to do that from the slideshow admin page, since you'd have to know the slide's id to adapt its CSS.

    It's a great idea for a future release, though! I do owe you the answer of when the functionality will be available in the slideshow, because it's a pretty big update to both the admin page and the script.

    I don't think I quite get the last question. The slideshow buttons are disabled until the animation is over, this may make it look like the slideshow is less responsive. Is that what you meant?

    It's nice to see that you're still using the plugin! :)

    Best regards,
    Stefan

  3. anyapisze
    Member
    Posted 1 year ago #

    Thank you for your reply.

    I tried to modify the CSS but don't know where and what :)

    I'd like to use it on a mobile ready site (the images resize depending on the screen size). Can you help with this?

    This version is awesome and support is great! :)

  4. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    In the custom style editor you could probably add something like:

    .slideshow_container .slide_0,
    .slideshow_container .slide_2 { /* Replace the number after 'slide_' with the number of the specific slide you'd like to adapt CSS of. The numbers increment each slide in the specified order, starting with number 0 for the first slide. */
        width: 25% !important;
    }
    
    .slideshow_container .slide_1 { /* Same story here. */
        width: 50% !important;
    }

    I'm not sure if this will work, but if you really need it, it might be worth trying. The big disadvantage of this approach is that, would you like to reorder your slides, you would have to adapt all CSS classes.

    The upcoming release of version 2.2.0 will actually support optimizing image size in smaller slideshows, since some browsers do have trouble coping with reducing the size of large images themselves. Resized images might just come in handy on a mobile website.

  5. anyapisze
    Member
    Posted 1 year ago #

    Doesn't work :(

    I have 3 slides / slideshow, 3 images / slide, and each part of slide is 33% . Slide_0, slide_1... means the images inside the slides or the slide itself?

    Ok, no problem, I can wait for the future release. :)

    Thanks a lot.

  6. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    That's a shame. I might test it out and get back to you later, if I do find a way to make this happen in the 2.1.x version.

    It means the slide itself, not the image.

    Anytime! :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.