Forums

Meteor Slides
[resolved] Different Dimensions for different slideshows? (18 posts)

  1. spinc
    Member
    Posted 1 year ago #

    Multiple slideshows - Great improvement! We'll be donating.

    Can different slideshows have different dimensions? Can different dimensions be put in the shortcode, like:

    <center>[meteor_slideshow slideshow="front" width="100" height="100"]</center>

    so that different slideshows can be given different dimensions?

    http://wordpress.org/extend/plugins/meteor-slides/

  2. JLeuze
    Member
    Posted 1 year ago #

    Hi spinc, yes you can setup specific slideshows to be a different size. But to do this you need to override the settings dimensions using metadata like this:

    [meteor_slideshow slideshow="front" metadata="width: 200, height: 100"]

    To get the best quality, the main dimensions in the settings should be set to the size of the largest slideshow, and override this to shrink a specific slideshow.

    All the slideshows should use the same aspect ratio. If the main dimensions are 900x240, it should be shrunk to something like 600x160, not 400x160 or some other ratio.

  3. spinc
    Member
    Posted 1 year ago #

    Thank you for such a prompt response. We will be donating and following the progress of your excellent plugin with great interest. You're an excellent alternative to NextGen.

  4. JLeuze
    Member
    Posted 1 year ago #

    No problem spinc. Let me know if you have any problems with multiple slideshows and metadata. Thanks, any contributions would be much appreciated!

  5. letter7
    Member
    Posted 1 year ago #

    This is great plugin! and I see there is a way to make multiple slideshows that have different dimensions. but i've having some trouble for the template tags.

    for slideshow: http://www.ripplur.com/work/promises/
    I've tried:
    <?php if ( function_exists( 'meteor_slideshow' ) ) {meteor_slideshow ("promisesSlideshow", "width: 590", "height: 460", "speed: 1"); } ?>

    for slideshow on home page: http://www.ripplur.com/
    <?php if ( function_exists( 'meteor_slideshow' ) ) {meteor_slideshow ("homeSlideshow", "metadata=width: 456,' height: 329"); } ?>

    my settings in the plugin are for 590 and 460, the home slideshow isn't displaying and the promises slideshow isn't displaying 590 and 460 hmm. -- thanks :)

  6. JLeuze
    Member
    Posted 1 year ago #

    The metadata needs to be formatted slightly differently:

    <?php if ( function_exists( 'meteor_slideshow' ) ) {meteor_slideshow ("promisesSlideshow", "width: 590, height: 460, speed: 1"); } ?>

    Try it like that.

  7. ajcampos
    Member
    Posted 1 year ago #

    Regarding setting up multiple slideshows with different dimensions--can you make a quick video for us on how to do that? If not, no big deal because this plugin rocks.

    Thanks,

    AJ

  8. JLeuze
    Member
    Posted 1 year ago #

    Hi AJ, I am planning to put together some better documentation on how to do this.

  9. Marlimant
    Member
    Posted 11 months ago #

    Hello JLeuze:

    How can I use a predefined WordPress thumbnail size (thumbnail, medium, large, etc.) in the code that you post above?

    I have a big slideshow in the index and I want to create another in the sidebar, but using small images, not resizing those.

    Thanks and congratulations, I think your plugin is the fastest in its class.

    Andrés.

  10. JLeuze
    Member
    Posted 11 months ago #

    Hi Andrés, thanks for trying my plugin. If you want to create a second slideshow that is smaller and you don't want the images to be cropped or scaled by WordPress, I would suggest re-sizing them to fit the slideshow before uploading them. This will get you the highest quality results, and if the images are equal to or smaller than the dimensions in the slideshow settings, they will not be re-sized.

  11. Marlimant
    Member
    Posted 11 months ago #

    Thank you Josh.

    Maybe the plugin can integrate in the future a metadata like:
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( "robots", "size: 'thumbnail'" ); } ?>
    and take advantage of 4 predefined sizes offered by WordPress: thumbnail, medium, large and full size.

    Best Regards.

  12. JLeuze
    Member
    Posted 10 months ago #

    That's an interesting idea.

  13. JPvNiekerk
    Member
    Posted 9 months ago #

    I really need different aspect ratios for different slideshows. I have one with a panoramic ratio (750X214) that I put on my front page as a "teaser". This is done with the widget, and works fine. However, on other pages or in posts I need "regular" aspect ratios of 3X2 or 5X4. Is this possible by any means?

    My website (under development) is AfricaBliss

  14. JLeuze
    Member
    Posted 9 months ago #

    You don't have to use the same aspect ratio, it is just easier to manage if you want to shrink some of the slides from the larger slideshow for the smaller one.

    To use slideshows of different sizes, you just need to make sure that the height and width in the settings match the largest slideshow, anything larger will be cropped.

    And I would also suggest prepping your slide images to the right size before uploading them or they might not look right in the smaller slideshows that have been sized using metadata.

  15. JPvNiekerk
    Member
    Posted 9 months ago #

    Thanks for the quick response!
    I must say, the more I use Meteor Slides, the more I like it!
    I got it to work (finally). I had to fall around some to make everything work the way I want to. Maybe this recipe of mine will help someone else in the future.
    Here are the steps I took to make different slideshows with different sizes and aspect ratios:
    Step 1: Determine the maximum width and height that ALL your images will fit into. In my case is was 750 wide and 400 wide. Note - none of my images are exactly this size, I have some that are 750X212, some are 400X272, and some 272X400.
    Step 2: Go to slides/settings in your dashboard. Change the height to your max height (400 for me) and width to your max width (750 for me). Save the changes.
    Step 3: Add new slideshows (Dashboard/Slides/Slideshows). Give them whatever names you want.
    Step 4: Add slides (Dashboard/Slides/Add New). Make sure that you click "Set as featured image" when you have the image loaded. Check the box for what slideshow you want the image to appear in and "publish".
    Step 5: Add the slideshows to the appropriate page, post or widget.
    Step 6: Set the metadata for each slideshow to the size (width and height) that your images are. This may be different from the sizes in Step 2.
    I set up two slideshows in this manner: One was inserted as a widget, showing on top of my posts on my home page. The widget metadata was set as "random: 1, height: 214, width: 750". (Note - don't put the "-marks in the metadata box, just the text between them).
    My second slideshow was put in a post, using the following shortcode: [meteor_slideshow slideshow="myslideshowname" metadata="height: 272, width: 400"].

    I found one caveat though. If I use images that has already been uploaded before (for use in other posts), they were cropped in the slideshow, even though their size were that same as the slideshow metadata size. If I upload the images while creating the new slides, they work fine.

    Sorry for the lengthy post, but I hope it will help someone else in future.

  16. JLeuze
    Member
    Posted 9 months ago #

    Glad to hear you got it figured out, thanks for sharing what you learned!

  17. MarkS99
    Member
    Posted 9 months ago #

    Excellent JPvNiekerk, thanks for the tutorial;

    If I use images that has already been uploaded before (for use in other posts), they were cropped in the slideshow, even though their size were that same as the slideshow metadata size. If I upload the images while creating the new slides, they work fine.

    This fixed the exact problem I was getting, cheers.

    And good work JLuze to of course!!

  18. JLeuze
    Member
    Posted 9 months ago #

    Thanks Mark!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic