WordPress.org

Ready to get started?Download WordPress

Forums

Meteor Slides
[resolved] Multiple Slideshows per site with different pixel dimensions (33 posts)

  1. pforget
    Member
    Posted 3 years ago #

    Ok I'm a complete newby.

    I was able to cut and past your code into header.php to create the header slideshow per your vimeo instructions without killing my site (Thanks BTW).

    I am wondering if there is a way to run multiple slideshows, but with different dimensions, (i.e. I want to run specifically a header show(s) at 940x198 and a different show on another page at 612x793). is this possible?

    Thx

  2. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    Hi, yes multiple slideshows of different sizes are possible. But you need to make sure that the slideshow settings match those of your largest slideshow or some of your slides will be cropped.

    From there, to make smaller slideshows, you can use metadata to change the size.

  3. stacyeight
    Member
    Posted 3 years ago #

    ok guys.... I have the plugin for the slideshow working. i have 4 on the same page. they are coming up vertical... i need them to be horizontal and next to each other.... is that possible? this is the code I am using right now:

    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( "donald", "" );}?>
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( "erica", "" ); } ?>
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( "mac", "" ); } ?>
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( "el", "" ); } ?>

    thanks!

  4. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    You're going to have to float them to the left in your stylesheet.

  5. stacyeight
    Member
    Posted 3 years ago #

    thank you.

    This is my first time really using php like this... how would I do that?

  6. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    No PHP required, you just need to add a line of CSS:

    .meteor-slides {
    float: left;
    }

    Try adding that to your theme's style.css file.

  7. stacyeight
    Member
    Posted 3 years ago #

    awesome! That worked!!!

    now to get them all centered? what should i do... add </center to the css?

    thank so much!!!

  8. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    No, you can try adding auto margins, that sometimes centers things depending on the circumstances:

    .meteor-slides {
    float: left;
    margin: 0 auto;
    }

    Or you might have to manually set them to a value that lines them up how you want them:

    .meteor-slides {
    float: left;
    margin: 0 10px;
    }
  9. homebody
    Member
    Posted 3 years ago #

    Please help, I'm a 1st time user of Meteor slides. I'm trying to use multiple slide shows. I currently have 2 [meteor_slideshow slideshow="flooring"] & [meteor_slideshow slideshow="kitchenbathtile"] I'm using the Weaver 2.0 Theme

    I would like to make more. Each show has about 16 pics. The slide shows are sharing pictures even though they are slugged and the pictures are associated with their perspective slide shows.

    Please see the following URLs, I would like to have each slide show on it's own page with it's own list of pics: (Not Sharing pics)

    http://new.jlsmithcc.com/services/flooring
    http://new.jlsmithcc.com/services/kitchen-tile-bath

    Please help

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

  10. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    @homebody This page should be loading only the slideshow with the slug of kitchenbathtile:
    http://new.jlsmithcc.com/services/kitchen-tile-bath

    But this page is not using a specific slideshow so would load any slides that you have published:
    http://new.jlsmithcc.com/services/flooring

  11. homebody
    Member
    Posted 3 years ago #

    Wow thanks your right, I was using flooring as the slug but my slug was actually floors.

    Thanks

  12. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    No problem, glad to help!

  13. Mark Smallman
    Member
    Posted 3 years ago #

    Love the plugin!
    Well done on it, and a HUGE thanks for sharing

    I have the slideshow settings setup as follows;
    Size Height: 250 Size Width: 670

    Although my content area is max 600px, but I want a slideshow in the header, in the custom designed theme I have created a 'Textblock' to house the slideshow - this area (and size for the header slideshow) is 670px wide x 125px -- Hence why I set the max size in settings to 670.
    Within the pages I will be placing slideshows on a few pages (different slideshows) and these will be 580px x 250px

    I have placed the following in the header.php file;
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( "head", "width: '670' height: '125'" ); } ?>

    Have I got this wrong? What I am getting is only part of the header slides are visible (middle) - measuring 560 x 113 and 'next / previous' arrows are outside the area.

    One suggestion for the plugin, since a few people seem to be having problems with it, would be to be able to set the sizes of different slideshows.

    I am trailing this on a site that I am running locally on the mac with MAMP, so I cant give a URL as the system is not always on.

    Really appreciate any help or guidance
    Cheers, Mark

  14. Malinho Tyafa
    Member
    Posted 3 years ago #

    Hi guys

    I have 2 slideshows and I want to add both of them and I use snipplet above from Staceyeight:
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( "header", "" );}?>
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( "training", "" );}?>

    But he doesn't show any of the slideshow above and when use this shortcode: <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?> it shows the first header by default.

    Please advice.

  15. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    @Mali1 I would try to get one specific slideshow working and go from there. Can you post a link to the page you are working on?

  16. Malinho Tyafa
    Member
    Posted 3 years ago #

    @JLeuze - thanks a lot for coming back to me, I'm stuck with the slideshows.

    If I use the snipplet below it shows the first slideshow by default:
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>

    But when I define the slideshow name as below, it doesn't show the slideshow:
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( "training", "" );}?>

    Here's link to the page: http://www.elginlearning.org.za/?page_id=47

    Thanking you in advance.

  17. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    That link is password protected. Make sure that the slideshow you have specified matches that slideshow's slug exactly.

  18. Malinho Tyafa
    Member
    Posted 3 years ago #

    My apologies, I forgot to send you the login details:

    username == elf
    password == elf123

    My sideshow is called 'Training' and slug is 'training' but doesn't work...

    I'm not quite sure what I'm missing.

    Cheers,
    Mali

  19. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    Everything looks OK to me Mali, but you do have a lot of other plugins that are using JavaScript, I would try deactivating them and testing the slideshow to make sure it's not a JavaScript conflict.

  20. Malinho Tyafa
    Member
    Posted 3 years ago #

    I tried to displayed deactive all running plugins and no luck, should maybe try run new WP installation then install only Meteor Slides plugin and test multi-slideshows again?

  21. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    It wouldn't hurt to try that. Anything you can do to eliminate possible conflicts!

  22. Malinho Tyafa
    Member
    Posted 3 years ago #

    Hi JLeuze, my stupid mistake I'm sorry to waist such time. I just noticed that I didn't assign slides to the slideshows and now it's sorted.

    I've got another problem, I want echo specific slideshow for specific page and I tried the code below:

    <?php
    if(is_page('Home')){
    echo '<?php if ( function_exists( "meteor_slideshow" ) ) { meteor_slideshow( "home", "" );}?>';
    } ?>

    <?php
    else(is_page('About Us')){
    echo '<?php if ( function_exists( "meteor_slideshow" ) ) { meteor_slideshow( "training", "" );}?>';
    } ?>

    ...and get errors, I'm not that GOOD in PHP.

    Thanking you in advance.

  23. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    No worries Mali, PHP errors are generally pretty helpful. They will tell you if the code has something it wasn't expecting, or is missing something it was, and often will at least tell you the line the error is on.

    The documentation on conditional tags is a big help with setting up conditionals like this.

    First, you are echoing the meteor_slideshow function, you don't need to do that, it should look just like this:

    <?php if ( function_exists( "meteor_slideshow" ) ) { meteor_slideshow( "home", "" );}?>

    I would double check and confirm that you have the page titles correct, and that you have the slideshow slugs correct. In fact I would test the slideshows one at a time without the conditions, make sure they work, and test the conditions separately with just a simple echo, make sure each piece is functioning.

    Also watch the structure of that conditional and make sure it resolves. Like with an else, you would just put what the default would be, not another condition. To add another condition use an elseif, and then either end it, or set a default with an else.

    Try using this code and see if it works for you:

    <?php if ( is_page( 'Home' ) ) {
    	if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( "home", "" ); }
    } elseif (is_page( 'About Us' ) ) {
    	if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( "training", "" ); }
    } else {
    	//Put your default content here
    } ?>
  24. Malinho Tyafa
    Member
    Posted 3 years ago #

    Thanks a lot for help, all seems to be cool now. I just call each slide as you explained: <?php if ( function_exists( "meteor_slideshow" ) ) { meteor_slideshow( "home", "" );}?> from pages template files just after: get_header(); ?

    Thanks a lot.

  25. Daowin
    Member
    Posted 3 years ago #

    Hello there,

    I have to insert multiple slideshows on the same page, which i managed to do thanks to the slug, but I also gotta apply different transition effects for each slideshow I've created. Is it possible to do so? Are there any shortcodes I could use?

    Thanks a lot in advance

  26. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    @Daowin Yes you can use different transitions in each slideshow using metadata.

  27. Daowin
    Member
    Posted 3 years ago #

    Great, thanks so much :)

  28. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    No problem!

  29. fearnotofmen
    Member
    Posted 2 years ago #

    Hi there, I wanted to change the timing of the slideshow using metadata but I cannot figure out how to do so, any chance you can help me?

  30. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    Hi, so you have multiple slideshows and you want one of them to have a different slide duration, like say six seconds?

    The metadata for that would look like this:

    [meteor_slideshow slideshow="my-slideshow" metadata="timeout: 6000"]

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic