Meteor Slides users often ask how to create multiple slideshows with different sizes. Here is a tutorial which will show you how to do this using multiple slideshows and metadata.
Let’s say you need two slideshows on your site. The larger slideshow, Jupiter, is 500×200 and the smaller slideshow, Mercury, is 300×150.
The height and width options on the slides settings page determine two things, the dimensions of the slideshow itself, and the maximum dimensions of the individual slides. Smaller slides can be used, but any slides that are larger than these dimensions will be cropped, so the height and width in the slides settings should match the largest slideshow on your site.
Start with the largest slideshow
Start by setting up the largest slideshow in the standard way. In the slides settings, set the Slide Height to “200″ and the Slide Width to “500″. Then create a slideshow called “Jupiter”, make your slides with images that are 500×200, and add them to the Jupiter slideshow.
Here is an example shortcode to load the largest slideshow with the name Jupiter:
[meteor_slideshow slideshow="jupiter"]Note that you don’t need to use metadata to set the dimensions of the largest slideshow because it should match the dimensions on the settings page.
Then setup the smaller slideshow
Now for the smaller slideshow, create a slideshow called “Mercury”. Make the slides for this slideshow with images that are 300×150 and add them to the Mercury slideshow.
Because you have used smaller slide images which were prepped to fit 300×150, all you need to do is override the default slideshow height and width using metadata to shrink this specific slideshow to the proper dimensions.
Here is an example shortcode to load the smaller slideshow with the name Mercury:
[meteor_slideshow slideshow="mercury" metadata="height: 150, width: 300"]When using metadata, only values which are strings should use single quotes, other types, such as the integers in the above example, should be used without single quotes.
Styling specific slideshows with CSS
By default the slideshows will be full width block level elements. Maybe you would like to wrap some text around the smaller slideshow though.
When you specify a slideshow, a unique ID is created for it based on the slideshow’s slug. So the Mercury slideshow ID would be “meteor-slideshowmercury”. With this ID you can target just that slideshow with certain CSS rules:
#meteor-slideshowmercury {
float: left;
margin: 0 20px 20px 0;
}
Keep it simple
But don’t forget, less is more! A slideshow is a great way to get a visitor’s attention, but when you add multiple slideshows or other animated elements to the same page you are dividing the user’s attention and diluting that page’s potential.
So try to keep it simple by spreading these elements out to different pages to reduce the clutter and increase the quality of your website.
I’m trying to have a different size on a second slideshow and it seems to make the area the correct size. But it seems like the images are resized to the default size (250×250) when I want the images to be 350×263. This is on the page http://theblindspot.biz/wordpress/motorization
The homepage has the slide show at the required 260-x250.
This is the code that I put in the page for Motorization
[meteor_slideshow slideshow="motorization" metadata="height: 263, width: 350"]
Can you tell me if I’m doing something incorrectly on the code?
Thanks for your help.
Dave
Hi Dave, you have the height and width set to 250px in the slideshow settings. Any slide images you upload will be cropped to these dimensions, you should set the height and width to match the largest slideshow you need.
Hey Dave,
I’m having trouble w/ multiple slideshows. All of the images in the “slides” area are posted in each of my slideshows. They are set up to scale as I need them but all the images from slideshow 1 also appear in slideshow 2, and likewise. here is an example http://www.kyledwatson.com/art/ all of the skewed images should not be there.
Kyle, I’ll let Josh respond with more detail since it’s his plugin but for starters I would verify that for each slide you have selected the checkbox for the appropriate slideshow (in the slide’s sidebar).
Kyle, it looks to me like you aren’t specifying a slideshow on that page and that is why it is loading all the slides. It could be as simple as a typo, double check that you have the shortcode or template tag formatted correctly and that you are using the slideshow’s slug as the value of the slideshow parameter.
So cool! This plugin rocks! TY TY TY Josh. I hoped you could have multiple sizes and here it is!
Thanks Scott, you’re welcome!
Meteor Slides Settings – height: 424 x width: 425
Main page is [meteor_slideshow slideshow="main-page" metadata="height:282, width: 425"]
Occupations page is [meteor_slideshow slideshow="occupations" metadata="height:424, width: 283"]
The height of the occupations images does not reflect height:424 – I assume it is 282.
How do I fix this please, I keep pulling out my hair…at this rate I won’t have much left.:)
Thank you for your assistance.
RJ
Hi RJ, can you post a link to the site you are working on?
https://maestrovirtualassistant.com
I just took off the security. Home page is the wide images and your’re on the list is the vertical. I appreciate your assistance.
RJ
https://maestrovirtualassistant.com
The height of the occupations slideshow looks correct to me: https://www.maestrovirtualassistant.com/on-the-list/
But the slide images are 253×200, are they supposed to be 283×424? If the images were cropped, possibly they were uploaded before the slide dimensions were set?
Hi Josh
I have tried to add a smaller slideshow on a website, but the three dots, like the bigger one on the same page, seems to have disappeared and it is not changing. please tell me what i did wrong.
here is the website:
ww2.davidfourie.co.za
i am using the meteor slide widget and i added the follwong in the metadata field:
[meteor_slideshow slideshow=sponsors metadata=height: 150, width: 300]
as you see it looks fine (sort of) except for the three dots and it doesnt seem to be showing the other slides at all.
not an expert at all, but getting there. please tell me what I did wrong.
Hi Duan, it looks like no slides are being loaded. Try adding quotes around the slideshow and metadata values like this:
They are not cropped. I removed the images, reloaded the images to library, created new slides, and it works. Your the man!!!!
Thank you.
RJ
Awesome, glad to hear you got it working!
Hi Josh,
May i know after i set the biggest size in setting “735×120″
and then i create another slideshow, i style it with css into “209×120″ like what you show above
but i still get the main size i set..”735×120″.
Alex
Hi Alex, possibly there is a typo in your metadata? Can you post a link to the page you’re having this problem on?
Hi Josh
As soon as I add those quotes, and I save the widget info, it deletes everything after the quotes. So it doesnt save the metadate right. Shucks
Hi Duan, are you adding the whole shortcode to the metadata field in the widget, or just the metadata like this:
I dont know, how I will manage to fix it…
Excellent. Thanks for this Josh. Using multiple slideshows is working great for me but I haven’t yet figured out how to change the *number* of slides in a slideshow via metadata. (I didn’t see that as an Option on the jQuery Cycle’s Options page.) Sorry if I’m missing that on a different information page but I’ve looked through the documentation and haven’t come across it. Thanks in advance!
Hi Dave, right now the quantity in the options applies to all the slideshows. Usually I set this to match the number of slides in the largest slideshow and just add less slides to the other slideshows.
But being able to override more of the options via metadata would be handy, I see what I can come up with!
I thought that might be the case—I’ve noticed before that while setting up a slideshow it will still cycle through without any “blanks” even before I have met the total number of slides I’ve defined in the settings but I was concerned this might come back and bite me later!
Thanks Josh, and thanks for the quick response.
No problem David, so the slideshow is loading empty slides for you? If there are only 3 slides in the slideshow, that’s all that should be loaded, even if the quantity is set higher than that.
Ah, sorry. It’s the opposite—I was just confirming what you said that in fact the slideshow actually cycles through the number of slides I’ve *created* rather than relying on the number I’ve defined in the settings.
That’s good to hear!
I love the plugin, but I have a quick question, can the second smaller slideshow work if the y axis is bigger than the 1st slideshow’s y axis, for ex. 1st is 640 x 335, 2nd is 290 x 470.
2nd is smaller but the y axis is bigger.
Thank You!
I have answered the question, just put in the metadata for 640 x 335 and then reset the settings to 290 x 470 and now it works like a dream!
Yeah, if the slideshows are drastically different in size, you have to set the height to the tallest slideshow and the width to the widest slideshow and set the dimensions in the metadata for each specific slideshow.
Hi, I am working on setting up a wordpress responsive fluid grid website and have creted the home page to be static. Instead of the featured image I want to set up a sliding images at the top to the right. I have installed the Meteor Plugin, customized the settings, but I dont know how to activate it so it shows up.
I dont want to use widgets or include it as a posted image inside of the text-post, as the placement would not work visually.
How do I replace the current featured image with the slider image, so it is placed where the featured image is now? Thanks for your support in advanced. All best, Dorte
@Dorte, when you say the homepage is static do you mean you’ve created a page template and hard-coded the homepage content in that? Also, can you give us the link to the page?
Hi again, no, what I have done is this: Under Settings Front page desplays: I have chosen A static page, and front page is home page, Post page is my about page. My plan is to set up the Meteor slider on the front home page. Sorry, but I am quite new in setting this up. Hope this clarifies it.
Thanks
There are two ways you can add a slideshow to the page you have set as your homepage. The easiest way would be to add the shortcode to the content of that page using the the visual editor.
But if you wanted the slideshow above the page title, or right below the header above two or more columns, you would need to use the template tag and add it to a template file in your theme. For most of the themes I build, I create a custom page template with a unique layout just for the homepage.
Check out this tutorial I wrote on creating custom page templates for more info on how to do this.
Thanks a lot, I will check it out.
Dorte
You’ll want to use the template tag, but where depends on your theme, what theme are you using and could you post a link?
I don’t have any good documentation yet, but it is possible to customize Meteor Slides so that the slideshow is responsive and scales well with the rest of the site.
As a reference to Meteor Slides in a responsive site, I just finished building a very simple project (that I didn’t design) that took a little Meteor Slides customization to make responsive. Feel free to check the source: http://freedomsolarpower.com.
That works great, I’ll take a peek and see how you did it!
Hi again,
my site is http://dortepdesign.dk
It is the picture on the home page that is placed on the second right coloumn wich is 300px high and 400px bright. This is by adding the image as a featured image. If I put the picture inside of the text post it goes below the text in the left coloumn (not wanted).
So I am not looking for a 960 px bright top image slider.
The theme is React from http://thethemefoundry.com
Cheers
The theme is commercial so I can’t look at the code, but if you can email me a login for the site I can look at the code of the homepage in the theme editor and tell you what to change.
Hi Josh
I have been trying to unsubscribe from the comment on this page, as I no longer need assistance, but it keeps giving me an error. Can you assist?
Its not that its im not interested, its just that I dont need the advice now.
Trust you understand.
No worries Duan, I’ll unsubscribe you!
I had similar problems with multiple slideshows like people here (and thanks for your helpful posts everyone!) and found another Gotcha. The Admin / Settings / Media needs to have the thumbnail size ALSO set to the the largest dimensions.
Josh – you might want, in your code, to call the thumbnail for the slideshows with the specified size directly instead of using the default.
Kermit Woodall
http://kermitwoodall.com
Thanks for sharing that Kemit, I haven’t noticed this issue before I’ll have to try it out. A custom featured image size is created and used for the slide images so it shouldn’t be affected by the default media sizes.
Perhaps my regenerating the thumbnails is what helped?
Kermit Woodall
http://kermitwoodall.com
The link to my page is http://dortepdesign.dk
What would the shortcode be for turning navigation on or off from the default?
Thanks
The navigation settings are the same for all the slideshows, but you can hide it on specific slideshows using CSS.
Thank you, that worked well. I’m struggling with the meta to control the duration of individual slideshows. I thought
[meteor_slideshow slideshow="myshowname" metadata="duration: 1000, height: 400, width: 600"]
would work…. nope.
Can you point me in the right direction?
You have it setup correctly, but the duration is set in seconds, so try setting it to “1″ instead.
Josh, how does “duration” differ from “timeout”?
Good eye, there is no “duration” option! The metadata option for the Slide Duration is “timeout”, and the Transition Speed is “speed”.
Just wanted to say thanks for a fantastic plugin! It really delivered in the nick of time!
I had to install 6 synchronous slideshows on the homepage of a corporate site that all had to fire off at the same time, and many other plugins including Nextgen Gallery’s slideshow (load times varied) and JJ NextGen JQuery Slider (buggy pause on hover would interrupt one slideshow while the others would continue, leading to sync issues) failed where Meteor slides performed beautifully.
Gave the plugin 5 stars on the wp plugin page.
Thanks for the feedback and the rating, glad my plugin came in handy for you!
Josh,
I wanted to echo what smooker said: thank you very much for the work you’ve put into this plugin!
I’m working on a site redesign for the public school district where I work and found Meteor Slides to be the best plugin around for quickly and simply showing different images on different pages. Since you included the metadata plugin, I can easily change up the sizes depending on what I’m doing: brilliant!
I plan on using Meteor Slides on many future sites, as well.
Thanks again!
PS – If you decide to have a “Showcase” of sites using your plugin, I’d be happy to send you a link for the school district’s site once it’s completed.
No problem Josh, thanks for your feedback! I’d like to put together a Meteor Slides showcase, it has been on my to-do list for quite a while!
Hi Josh,
This is a great plug in – thank you so much. I have added the slideshow to my theme to use in the header I have used and it has been working well. However I would also now like to add a different sized slideshow to my pages. I tried the code in your blog [meteor_slideshow slideshow="name of slideshow" metadata="height: 150, width: 300"] and tried inserting it in varing combinations within the PHP code (without the shortcode []s) but it didn’t work – is there a different format to use if you are adding via PHP? Also is it possible to have slideshows containing different number of slides?
Thank you so much,
Sarah.
The template tag is formatted a little differently than the shortcode, you don’t need to include the names of the arguments, just the values, like this:
Take a look at the multiple slideshows page for more examples. The slide quantity is global, but I usually set this to match the quantity of the largest slideshow and add less slides to the smaller ones so that they have correct number of slides.
Hi Josh, Happy belated New Year.
Is there a way in the shortcode to disable the mouse from pausing the slideshow?
I’d like the header show to run whether or not the users had their mouse over the header. I’d like to retain the page navigation buttons, if possible. Oh, and world peace. Might as well ask for it all.
Thanks,
John
Hi John, disabling pausing is easy, use metadata to disable like this:
World peace…not so much!
Hi Josh, thank you for the speedy response! All working now! Once again – thank you for such a great plugin.
Thank you Josh.
Hi Josh,
Is it possible to have a description on a slide? I have slideshows which contain some before and after shots – what I need to be able to do is have a ‘before’ and ‘after’ on each slide. Also is it possible to vary the speed of different slideshows?
Thank you so much,
Sarah.
Yes, you can add captions using a custom slideshow template. The slideshow options can be overridden on certain slideshows using custom metadata.
Hi Josh,
Sorry – i’m a bit confused (not hard) – will this automatically add the title that I have given each slide to the bottom of the image in an overlay effect? If so i’m doing something wrong! I copied the php file into my themes directory (wp-content/themes/thesis_182) and then added the code that is on the page you directed me to and put the css in my css file. I’m wondering if i’ve put it in the wrong file or something?
Thanks,
Sarah.
Yes, if you customize the slideshow template and stylesheet as outlined in the documentation, it will overlay the title onto the slides. Do you have a link to the slideshow you’re working on?
Hi Josh,
Sorry – I’ve only just had a chance to have a look at this. The link is http://c0268214.myzen.co.uk/chiltern-estate/ it’s not live yet.
Thank you!
Sarah.
I took a look at the site, the captions are there, but they are hidden under the slides, the CSS to overlay them on the slides isn’t loading.
Make sure you use a custom stylesheet in your theme and add the CSS from the documentation to that stylesheet.
hey Josh – GREAT plugin and I’ve used it on a couple of client sites now. However the latest one I have has decided to throw a bit of a wobbly!!
I have the settings page set for the Gallery page photo size – larger photos and have set a post header in a Weaver theme as I have done before. THAT one works fine with the size meta detail.
The Gallery page will not show as the set size, but as the header size!! Any thoughts would be great!
In fact I have the settings and sizes, meta details all set as in a previous installation that works fine!!!
Many thanks
Mike
Thanks Mike, glad you’re liking my plugin. The most common issue with changing the dimensions with metadata is a simple typo, so make sure you doublecheck the shortcodes or template tags you’re using. Could you post a link to the site you’re working on so I can take a look?
The Gallery slideshow short code – this is the large one that is showing as a header show size!
[meteor_slideshow slideshow="gallery-slideshow" metadata="height: 600, width: 900" metadata="fx:'fade', random:3"]
The header shortcode and it’s working fine!!
[meteor_slideshow slideshow="header-slides" metadata="height: 205, width: 940"]
The whole site is behind a Maintenance Screen at the moment.
Main Size Settings:
Slide Height: 600
Slide Width: 900
I may well be missing a space error but I have looked far too long and kinda “snow blind!”
The settings are actually copied (and pasted on the short codes) from a site where it’s working fine!!
Many thanks Josh
Mike
Mike, that gallery shortcode has two sets of metadata:
Is that how you have it entered on the site? Try merging them like this:
Hi Josh,
Meteor Slides is very good plugin for WordPress, but I’ve been having problems about it stops when I change my browser tab.
Can you help me.
Thanks
Leandro
Hi Leandro, that is how jQuery Cycle is setup, it will only run in the background for a short amount of time before pausing. This prevents the script from eating up too much resources when it isn’t being used, I don’t think this can be changed.
Hi Josh,
I just want to tell you tank for the GREAT plugin that you created.
and your explanations are very good too! thanks
Mars.
Thanks Mars!
Hi!
Just wondering if it is possible to align the slideshow so that some text is shown beside it.
I have one sliedeshow that covers the whole width on our frontpage, and then I want to put another smaller slideshow on another page where the text is shown on the left side of the slideshow.
/Lena
Hi Lena, take a look at the section above on “Styling specific slideshows with CSS”. You need to style just the one slideshow by using its ID, inspect the page with Firebug or view the source code to figure out the ID.
Thanx big time!!
I’m trying to adjust the slides in 100% width to use this “metadata width: true, but the height remains the original size in pixels, so that the paging controls are far apart.
As I can fix this?
http://www.unlogotipo.es/vbc/
The slideshow has to be a fixed width, 100% won’t work and “true” isn’t a valid option. What exactly are you trying to do, do you need the slideshow to scale?
Thanks for responding so quickly.
My aim is to fit all kinds of screen resolutions.
You can see it in http://www.unlogotipo.es/vbc/, adjusting the size of the browser window
I have been reviewing the documentation of “jQuery Cycle Plugin” and apparently it works automatic adjustment.
I think the decision comes to creating the properties of the DIV.
The jQuery Cycle plugin doesn’t support scaling like this by default, but Meteor Slides 1.5 does. It is responsive and scales with the site if your theme is responsive or has a fluid width.
But it still needs a maximum width, you don’t need to go to a 100% since the site and the slide images only go to 960px you can leave that as the default width, that will be the max, and it will shrink from there as your site does.
I haven’t released 1.5 yet, but you can get the beta from Github, Try shrinking the homepage of my site to see it in action.
Thanks, the behavior of your homepage is what I seek.
As for the beta, is reliable? .. I can work with it without problems?
Yes I keep the master on Github stable, it is ready to go I’m just doing some testing.
Great, works like a charm, I think I can throw a new update.
As for the administration, you might consider storing the parameters of the slider for a simpler integration, aimed at users without much knowledge. Also be nice to have the option to create labels for photo description.
That’s good news, thanks for the feedback!
Hello again.
As I can list all the sliders creator recovering by “slug”
This plug in is so great! I am working on making my smaller slideshows now for my sidebar! What code should I use to put a smaller slideshow in a text widget?
Also, I do have one question, and it’s really not specific to your plug in, but I can’t seem to figure it out on my own.
I want my main slideshow to run on my home page only, right below my meta tabs but above my homepage post title, and to the left of my sidebar…and I have no idea where to add the code for the plug in to do that. Any suggestions? I am using Mantra theme and I don’t have a home.php or other editor page that would seem to correlate to only my home page. Any suggestions you can provide are greatly appreciated!!
Thanks again for this awesome plugin, I can’t wait to get it added to my blog as soon as I can figure out the above.
Karah
Hi Karah, thanks for trying my plugin. Don’t use a text widget, use the slideshow widget and add the height and width values to the metadata field, like this:
height: 150, width: 300Mantra has a custom file called front-page.php that is loaded on the homepage if you have set that in the theme options, otherwise index.php is used. If you are using index.php, you can use a conditional tag to only load it on the homepage.
To figure out where to place the slideshow in the file, inspect it using something like Firebug to find the spot you want.
hi
its my first time here and my first time using meteor plugin. Its a great plugin.
What i’d like to ask is, i have a big slideshow with custom previous/ next buttons in it, now i want to have another slideshow, but with different prev/next buttons.
How can i do that?
I’ve tried to style using the slug class as stated but it seems that those buttons are not afected. can you please help me?
thanks
I already figured it out
continue the excellent work.
Glad to hear you figured it out Elias, thanks for trying my plugin!
hi
it’s me again
now i have a doubt that i could not figure it out:
I want to create a menu using elements and what i want is the user to click on one of those menu links to change the slide image to one refered by the menu. How can i do this?
What i’m really asking is how can i change images manualy outside de plugin?
thanks
Hi Elias, I’m not sure I understand exactly what you are trying to do. Do you have an example that you could show me?
hi Josh thanks for answering
i was thinkimg on something like the slide show on this site
http://www.canadean.com/Default.aspx
but instead of cliking the link i’d like to “set focus” on each link each time a image passes in a way that the user knows what i’m refering too.
is there a way to do this?
thanks again
Ah, it is possible to do that with some advanced customizations. That text above the slideshow is paged navigation, they just have titles instead of the graphics that Meteor Slides uses by default.
You could customize the slideshow script to use a custom pager with the slide titles. To switch the pager buttons from click to hover you just need to change the pagerEvent option to “hover”.
Hi Josh
Thanks so much for your answer, i’ve tried to get back to you soon but it seems your site was down or maybe there was some problem on my side. anyway thanks, i’ll take a look on what you said.
No problem Elias, let me know if you have any questions.
Is there a place or link where I can find all the arguments or variables or metedata(‘s) (don’t know if this is the correct terminology) that I can use in my template tag, and what each does.
if ( function_exists( ‘meteor_slideshow’ ) ) { meteor_slideshow( “headershow”, “height: 100, width: 213, speed: 1, pause: 0″ ); }
?>
The items I am refering to are height, width, speed, pause, ect.
I want to know more. about what I can use.
Thanks, Smitty
Sure, you can can change any of these jQuery Cycle options for the slideshow using metadata.
Perfect, great frigin’ plugin.
Thanks Smitty!
josh
sorry if this has been asked a million times, but i cannot seem to get different slideshow heights using metadata. using settings, i created a the dimensions of 580w x 800ht- knowing that 800px was the max height of any of my slides. however, as you can see in these two examples, the height is not different. specifically, the slideshow on the “carbon neutral house” should be much taller.
http://skyedesignstudio.com/skyeweb/projects/portland/
http://skyedesignstudio.com/skyeweb/projects/carbon-neutral/
kind regards,
thelonious
Hi thelonious, it looks like the carbon neutral house slideshow is set to the same dimensions as the default settings? The first slide in that slideshow is short and it is shrinking the slideshow to fit it, try making sure the first slide matches the dimensions of the slideshow and it should fit better, I’d recommend sizing all the slide images to the exact dimensions of the slideshow, you’ll get better results.
josh
thanks…that did do the trick. however, does that imply that for all of my slideshows, my tallest image needs to go first in order to set the height precedent for that particular slide show?
and as you said, that carbon house slideshow was set to the default settings- which is tall enough to show the entire tallest image of that slideshow. so I’m a but confused on how the settings, and metadata, actually changes things if things are in reality dictated by that first image height.
thanks for your help,
thelonious
In Meteor Slides 1.5 I added support for fluid slideshows that scaled with responsive themes, so the slideshow sizing works a little differently now.
The dimensions that you set in the slideshow settings or with metadata act as a maximum size rather than a fixed size and the slideshow can shrink if the theme or images are smaller than that maximum size. So if the first slide is smaller than the max size the slideshow scales to fit the slide.
I’m still experimenting to get this to work well with both fixed and fluid themes, ideally I would like that scaling to only take place if the image is scaling, and at 100% size, the slideshow settings would take precedent. But for now the size of the first image overrides the settings.
josh
thanks for the explanation. overall, i was able to modify the ordering of my project slides to make it all work without much of a problem. although, ideally, i would have liked it not to matter that the tallest slide had to be the first one.
on a side note, after scouring a sh*t ton of slideshow plugins for our company, yours is way by far the best. i love that it is so subtle, and doesn’t impose ridiculous an overly designed theme…with silly buttons, shadowing, etc. in this way, it can be seamlessly dropped into a whole host of different website design styles and feel right at home. good f*cking job!
ill buy you a cup of coffee…
best,
thelonious
Thanks thelonious, a coffee is always appreciated! Yeah, those type of designs frustrate me too, I always try to keep the skin as minimalist as possible to that the design of the actual slide images is the focus.
Since you don’t need the slideshows to scale, you could remove the height rule using a custom stylesheet so that you can start with any sized slide:
Hi,
Thank You for nice plugin;
Plugin: Meteor Slides has Height Problem in Google Chrome (only)
In other browsers works fine
Help, Please
http://gvc-video.co.cc/category/music
I took a look at the site but it was down.
Very good plugin. even works in IE10, unbelievable Thanks for the plugin.
Hi! First of all, thanks for a great plugin!
Im trying to use multiple slideshow with different sizes. The problem is that the slides dont want to change its aspect ratio and ignores one of the meta size datas.
This is the code im using:
The width is set just fine, but the height is adjusted to keep the same aspect ratio as my standrad size. How can i solve this?
Here is the slideshow: http://pontonhamnar.minex.se/
Thanks!
Hi Viktor, it looks like the slide images in that slideshow are 680×453, make sure the slide image size matches the dimensions you are setting in the metadata and it should work fine.
Seems the code got messed up in my previous post, here it is again:
if ( function_exists( 'meteor_slideshow' ) ) {meteor_slideshow ("startsida", "height: 150, width: 500"); }Hi Josh,
I want to show both portrait and landscape images in a single slide show.
my the width is the same on both directions width: 560
the height on the portrait is 900
the height on the landscape is between 560 and 600
can you tell me how to do this. I have tried every combination possible.
i have spent way to much time and am now losing my mind. Please help.
thanks in advance
Hi Emily, the sizing has gotten a little more complicated with Meteor Slides 1.5. The dimensions set in the metadata act as a max size, but if smaller images are used it shrinks automatically so that it can scale with responsive themes.
Right now it does this using the size of the first image in the slideshow, so if the first slide is landscape, it probably crops any portrait slides. I am planning to improve support for different sized image in a future release, but the best way to deal with this right now is to make sure the first slide is sized to 560×900 to size the slideshow to fit for all the different slides.
I am having a similar issue. My slides are 960×640, but I want the width of the slideshow to be 100% width of the container and any height I choose. The final result would be cropped. I have yet to figure out how to accomplish this.
I can get around this by putting external div…but the slides disappear when I hoover using this workaround. So my only option at this point is to have my slides the correct size.
The slide dimensions have to be specified in pixels, a percentage won’t work. But you can set a max, like 960px, and then it should scale below that max if your theme is fluid width.
Hey Josh. Excellent work on the plugin. loved it.
although, i have a problem. Is it possible to place two slide shows on the same page.
I have two slide shows, namely event1 and event2
When I place the following code on the same page, i don’t see the second slideshow at all.
[meteor_slideshow slideshow="event1"]
[meteor_slideshow slideshow="event2"]
What could the problem be ?
Hi Varun, multiple slideshows will work on the same page. First thing I would do is doublecheck the slideshow slugs and make sure you are loading the correct slideshows. Could you post a link to the page you have added the slideshows to?
Hi Josh!
You are doing very good work. Great. Please make sure one thing. Can i show the featured articles in the slideshows? I mean, when i select the specific category then this article (Feature Image) shows in the slideshow. Thanks
Hi, by default the slideshow only loads slide posts. You could use a custom slideshow template and customize the query if you want to load other content as well.
Hi Josh
Great plugin, really smart.
Can I order the slides in a slideshow.
Current snippet: [meteor_slideshow slideshow="services"]
Attempted snippet using the image ID to order the slides
[meteor_slideshow slideshow="services" orderby="33,40,41,42,43"]
Makes no difference.
Thanks in advance
Hi Lee, the slideshow shortcode only has two arguments, “slideshow” and “metadata”, you can’t edit the query from there.
The slides are sorted chronologically, just like blog posts, so you can change the publish date of the slides to sort them. Or you can use a plugin like Post Types Order to add drag and drop sorting.
Hi Josh,
Great work. I’m attempting to have a page with 3 sliders side by side. Each slider represents a category in my gallery. They would all be equal size, but aligned horizontally. Is this possible? So far I’ve added two sliders, but they line up vertically. I entered the shortcode horizontally if that matters at all. Sorry, I’m a nube. Thanks for your help
Hi Anthony, you can have three slideshows side by side, you just need to style the slideshows to float so that they can be on the same line, something like this:
Hi, how to add slidehow on the single post. I’ve make 3 slides and have added this code: [meteor_slideshow] to my HTML section on my test post. But, there’s no slides I see when I publish the post. Is there any additional code should I insert to the standard one?
Hi Henkz, all you should need to do is add the shortcode. You did add this to the post’s content in the post editor? Could you post a link to the page you are trying to add a slideshow to?
Hi Josh, please tnxs for you meteor slide its great! i want to ask you something, i set the slideshow in 600*400 but and my pics are that dimension but the slide crop my pics to another dimension, what can i do?
thanks man for all
hugs
Hi Charly, did you upload the images after setting the slideshow dimensions? Could you post a link to the slideshow you’re working on?
of course,
http://dehombrestrabajando.com.ar/?page_id=49
well I read something about my problem. the same you answer. im gonna try reloading all the images with the plug setted rigth to the pics dimensions. and I tell you.
Tnxs!
MAN TNXS!!
http://dehombrestrabajando.com.ar/?page_id=54
working!
hugs!
Good to hear you got it figured out!
Hi Josh,
Thanks for such a great plugin. Just wondering how to use the CSS code for wrapping text around a slideshow? I’m a newbie when it comes to code of any kind. I’m able to easily get the slideshow up and running and I’ve found your CSS code RE: wrapping text:
#meteor-slideshowmercury {
float: left;
margin: 0 20px 20px 0;
}
I simply don’t know where to insert that code (obviously with the slideshow name changed to my slideshow’s name). I’m using the Weaver II Pro theme which has a lot of CSS capability so I’m thinking this should be easy but nothing I’ve tried seems to work.
I’ll definitely be buying you some coffee. Not today, but very soon.
Kindly,
Drew
Hey Josh,
I just figured it out. I needed to assign that specific slideshow name when inserting it into the post. Excellent.
I’m definitely going to buy you a cup of coffee in the next few days!
Kindly,
Drew
Thanks Drew, coffee is always appreciated!
Hi Josh,
Is there a way to have multiple slideshows with varying number of slides?
I initially set the quantity to 25 in the settings page and created a slideshow of 25. I then changed the quantity to 50 and created another slideshow with 50 pictures. These 2 pages displayed the slide quantities properly in the slide navigation bar. At this point I thought the qty is actually “max qty” and that any slideshow under qty of 50 would display correctly. But the third slideshow consisting of 17 pictures, shows the 17 plus the 33 of the previous slideshow.
Hi Edwin, yes the slideshow quantity is a max, if you add less slides to a slideshow it will show that number of slides. Did you create and load specific slideshows?
Yes Josh, the quantity is set to 50 and I’ve created 3 slide shows:
Slideshow 1: contains 28 slides and shows 28 slides
http://www.crazyforpetshotel.com/index.php/gallery/hotel-stars/
Slideshow 2: contains 47 slides and shows 47 slides
http://www.crazyforpetshotel.com/index.php/gallery/lets-play/
Slideshow 3: contains 17 slides but shows 50 slides! (33 are from slideshow 2)
http://www.crazyforpetshotel.com/index.php/gallery/rooms/
Here’s a screenshot of the slideshow setup:
http://www.cc20.com/bucket/settings.png
http://www.cc20.com/bucket/slideshows.png
UPDATE:
I’m not sure if this is related, but I noticed that the slideshow slug was the same name as the page. I renamed the slideshow and it’s now being displayed correctly.
The name of the slug shouldn’t matter as long as it matches what you have specified in the template tag or shortcode, but at least you got it working!
Hello Josh!
I have been happily using your slideshow on this page http://www.geliheimann.com/coaching-intervention/therapy-coaching-methods/energy-psych/, which has small diameters (100×560) [meteor_slideshow slideshow="quotes" metadata="height: 100, width: 560"].
Now I want to add a larger slideshow (250×940) to the homepage (http://www.geliheimann.com/) and it does not show up. I used [meteor_slideshow slideshow="homepage"] even added metadata, but still it does not show. The image shows up if I just use: [meteor_slideshow] but then I also get all the other smaller images from the other slideshow.
I realise that you said to start with the larger slideshow first. Well, I did not have the larger one in my mind when I created the small one first.
I hope I do not have to remove every image and the two slide shows, just to get the larger one first. Please help.
Thanks,
Geli.
Hi Geli, I see a slideshow on your homepage, did you get it figured out?
Excellent slideshow and thank you for making it available to us. If you ever want to use any of my image thumbnails to showcase your work let me know. Here are few suggestions for short code options:
Adding Captions (Turning them On-Off)
Adding Slide Navigation: (Turning them On-Off)
Skins/Custom CSS (being able to select the custom CSS) – Ideally this would not be overwritten when you upgrade to newer version.
Thanks Jay, you’ve got some amazing photos in your gallery! I’ll definitely be extending the shortcode options to include more per-slideshow functionality in the future.
Is there any way to crop the height? Without putting the slide show in an external DIV container?
The slides should be cropped to the height set in the slideshow settings.
Josh, thank you. I have no clue how come it works now, but I am happy. Thanks!
You’re welcome!
Hey josh, look having an issue getting my slides to show at all on my main/home page, used the short code to add it, a box seems to appear, but, no pictures, i foloowed the instructions to a tea till late last night no results at all to get anything, got up this mornin re did it, got the box which seems to be the right hight/ width, but no images will appear. I have been trying other slideshow scripts, maybe theres conflict, maybe its cause its 1.5, and im using the latest WP, but came across yours and liked it so much I thaught id try it, anyhows got any brainy ideas to whaT i might be doin wrong
Hi Simon, this could be a theme conflict, the slides might just be hiding. Can you post a link?
Hi Josh,
I’m having trouble getting the appearance size to change. I have the settings adjusted to the desired size and have tried some of the possible solutions to similar issues in this comment section but having no luck.
What am I missing? Thanks in advance for your help!
The link to the page I’m using this is http://174.132.168.6/~beegredd/cremationsociety-wi.com/facility/
I forgot to add that I’m wanting to change the size settings to 432H x 616W.
Hi Mike, the slide images are sized when they are uploaded. Did you changed the dimensions after uploading the slides? Try re-uploading the slide images.
Thanks Josh, it’s working! Is there a way to add play and pause navigation buttons at the bottom or below the slide show?
Yes, you can add a pause button with some customizations.
Hi Josh,
I want to have different amount of slides in two different sliders, How can I do it? Ok I got an slider on the header which show 5 slides but I want to have another slide that show all my Images not sure if this can be done but if is possible can you help me to get it going?
Thanks in advance.
Best regards,
Olexis
Hi Olexis, set the slideshow quantity to match the slideshow with the most slides. If you have a header one with 5 and an about one with 10, set it to 10. Then for the header, specify that slideshow and only add the 5 slides to that slideshow. Then for the about slideshow specify the about slidewshow and add the 10 slides to that one.
Hey Man, Dope Plugin! Been using it for a year.
One Problem though. i changed to a mobile template for mobile devices, and the slides show up too big on the mobile device. (they are fine on my PC). link: sev.coop
i tried this: [meteor_slideshow slideshow="my slide name" metadata="height: auto, width: auto"]
but my jquery dropdown menu stops working for that page when i do use that tag. (even though the images begin to show up correctly on the mobile device.) may be a conflict?
i also read that your version 1.5 supports fluid sizing, but its not resizing when i browse my site from a mobile device. link again: sev.coop
Thanks for any help.
Thanks Ano! It won’t work with the height and width set to auto, it has to be a specific number value, so it is breaking the slideshow’s JavaScript on that page.
You shouldn’t have to change the dimensions though, it will scale to fit the browser if the theme is also scaling. If it isn’t scaling properly the most likely problem is that the theme isn’t fully scaling, like the container that it is in is larger and the slideshow is scaling to fill it.
I can’t test the mobile version, it isn’t showing up on my Android mobile, how are you handling the mobile version, with a plugin?
thank you for the info on the “auto” setting. im using the “any mobile theme switcher” plugin atm.
as far as why my slides arent scaling, i guess i can try a different “mobile-ready” wp theme. im not so much worried about the theme i use, just if it works. i can edit the css later. the current theme does scale itself because other photos are showing up correctly. just not the slideshow. i looked at it on 2 androids, an iphone, and an itouch.
i appreciate the help
whadup!
hey man you were right about the container, thanks! i figured out that the slides are resizing but it depends on the device’s portrait screen size.
my android:
when i have it positioned in portrait it doesnt shrink far enough because of the container (like you said). BUT when i position it to landscape everything is fine. MIL GRACIAS.
the world needs you
Good to hear that you got it figured out!
oh, and this is an example of the blank slideshow on a page, along with my dropdown menu not working: sev.coop/test
gracias
Hi Josh,
Thanx for your great work. Meteor Slides is a great enhancement for site I am working on. There is however one issue I cannot resolve. it has to do with horizontal alignment of the slider…
When I make a slider with only one image. The slider is aligned in the centre of my post. When I add an image to the slideshow the slider is aligned on the left of my post.
Do you have an idea how to solve this behavior. In my case, the slider with 2 or more images has to be aligned in the centre of the post. I would appreciate some help on this…. thx
You need to center the slideshow in your theme’s stylesheet just like you would any div or other container:
div.meteor-slides { margin: 0 auto !important; }Hi Josh! I was wondering if there’s a chance not only to have different sizes but also different navigation formats. Cause I need one slideshow to have Prev/Next Navigation AND pagination, but then on another one, just Pagination will do. Is that possible?
Hi Milagros, there isn’t an option for this, but you can set it up like that with a little custom CSS.
Each slideshow has a unique ID, like the slideshow on my homepage is “meteor-slideshowhome”. You can use that to target a specific slideshow and use CSS to hide nav elements you don’t want:
Just wanted to let you know that your plugin is brilliant and just what I needed! I was able to put two different slideshows on our front page, each a different size. I did find out that a slideshow needs more than one slide to show up! I am planning to add more slide to that slideshow later but have just one at the moment. So I just duplicated it.
Just bought you a cup of coffee!
Thanks again!
deb
Thanks for the coffee Deb, I’m glad my plugin came in handy for you!
I’m trying to have a large 552 by 200 at the top of this page and on the same page, right below, I want to have 552 by 36 – is this possible?? Right now I can’t get the second slideshow to show up underneath – it shows up behind the first…
I can see both of the slideshows on that page, did you get it figured out?
Hi Josh,
I was wondering if metadata can be used to specific the navigation when using multiple slideshows. ie None, Previous/Next, Paged, Both) Plug in works great… sending you a few cups of Joe!
Thanks for the coffee Jim! You can’t set the navigation option with metadata, though that is an interesting idea for a future version! Right now you can do that with a little custom CSS to hide the navigation on specific slideshows :
The slideshow name is ‘smallSlides’ and the snippet below worked great to hide the paging buttons.
#meteor-buttonssmallSlides {
display: none !important;
}
Thanks!
No problem Jim!
Is there a maximun size for slideshows? I woudl like to go up to 1200 x 800 pixels but can’t seem to find a way to do so.
THanks,
Angus
The slideshows can be any size, if the spot you’re trying to add it to on the site can accommodate that size. Make sure you set the size in the slideshow settings and then upload the slide images.
Thank you for that. I am contemplating moving from an HTML website to WordPress and would like to have a home page which accommodates a 200 x 800 pixel slideshow. Do you have any suggestions for themes which might be of use.
Many thanks for your swift reply which is very much appreciated.
Angus
It depends on how you want your site to look, Meteor Slides will work with any theme. The new default theme, Twenty Twelve, is a good starting place, as is the Responsive theme.
Hi Josh, thanks for this freeslideshow, I have been setting it up on http://www.magnolia-accommodation.co.au/wp (test mode).
Am trying to load 2 shows – header page 940w * 350H – I have settings as width = 940 and height = 400.
2nd show is to be 534W * 400H – ERRR – when I go to add new slide to 2nd show, the feature image is looking for a default image as 940 * 400 – “Featured Images at least as wide as default header image will be used as a replacement for default image for this page or post. Smaller images used as “thumbnail” at beginning of Page/Post.”
So it is distorting the image selection from my Media Library (images to be imported are exactly 534 * 400).
Is this a new problem with WP 3.5?
OOPS!! link is http://www.magnolia-accommodation.com.au/wp
Hi Josh,
BINGO!! found the issue, I had re-sized images and although I had ‘affect all’ on save, it appears the thumbnails were incorrect – after regenerating thumbnails MShow works.
Now just need the code to get it to center!
Regards, Dennis
Hi Dennis, glad to hear that you got it figured out!
Hi,
Any idea why only my first slideshow is visible on the website? I’ve created new slideshows with new names, but they just don’t appear on the page. If I change the name to the first slideshow again, everything works. But at the moment I’m not able to add multiple slideshows. Adding slides works ok, but only to the first slideshow.
The first is called on the frontpage with:
[meteor_slideshow slideshow="duunit"]
And this works also on the Kuvagalleria/Projektit page, but not if I change the name to:
[meteor_slideshow slideshow="duunit2"]
Both slideshows are existing and using same or different images.
If you check the source code, the images files can be seen, like:
http://asennusjametallihonkanen.fi/wordpress/wp-content/uploads/Kasettiperävaunun-sovitus5-460×345.jpg
Even the “box” is drawn on the page but nothing appears. Any ideas?
Hi, that’s because the slideshow on this page only has one slide, add another slide and it should work.
Hi Josh
Love the plugin man.
Is it possible to have a particular slide be the first slide every time the page is reloaded?
Thanks
Paul
Thanks Paul, the slides are sorted chronologically, just like blog posts, so you can change the publish dates of the slide posts if you want a certain slide to be first.
Ah, thanks! Now I got it. It was maybe a bit poorly documented. Shouldn’t there be a text in the slideshow (when only 1 image available) that the user must have at least 2 pictures in order for the slideshow to work. Now there’s no hint of a solution/explanation why it doesn’t work.
It’s actually a bug with Meteor Slides 1.5, Meteor Slides 1.5.1 will support slideshows with only one slide.
This tutorial seems to cover the shortcode usage for multiple mixed slide shows, but what if you’re using the widget too? I have 2 or 3 shows that are about 300 x 200 that I see that I can use as shortcode, but I have one slide show that is 400 x 160 that is a widget. So, how do I set all that up?
Thanks
Problem solved… I regenerated images and now they work fine.
Glad to hear it!
Sorry, I forgot the link… http://johnettedowning.com/sandbox/author-visits/
Hi Josh! Thank you very much for a very wonderful and easy to use plugin.
I have a problem though, when using multiple sliders in a page, swiping in mobile rotates all the galleries instead of just one. Do you know what’s wrong? my website is: http://prgrss.com/beta/news
Thanks so much!
Try updating to the beta of Meteor Slides 1.5.1, it has some bug fixes for touch navigation that might help.
Hi Josh,
I have two slideshows on this site. Large one is 500w x 375h on the home page. Smaller one is 250w X 375h and I want to float it left and wrap text around it to the right. Display size is correct, but the block element on the page takes up the entire 500 width. I have tried adding a CSS style element to the header of the page so it loads first, but it is not working. Page is here: http://theguibordcenter.org/an-invitation/ and CSS is
#meteor-slideshowLanding1 {
float: left;
margin: 0 20 20 0;
}
Can you help?
Thanks in advance!
Hi Christine, if you update to Meteor Slides 1.5.1, you can use the new slideshow alignment option to float it to the left.
Hi Josh,
I am using you slider on my page but somehow metadata put into the widget does not seem to be working. In general settings i have 940×238 set. I followed instructions you posted on April 29, 2012 at 10:22 pm and placed only:
height: 100, width: 300into the widget edit field.
What do I do wrong?
How can I get access to all other slider settings for different sliders on my pages?
Jacek
That looks right, could you post a link? These are the other options you can change using metadata.
hello josh, im jhody from indonesia
currently im working on my website, i just found this plugin quite simple to manage. you have a great work on it.
thanx alot
You’re welcome jhody!
Hi Josh
I have 2 similar sized slideshows – named “slider1” and “slider2”. Both slideshows filled with 3 different slides each (for certain). I inserted both slideshows in the same post (text) together as:
[meteor_slideshow slideshow="slider1"]
[meteor_slideshow slideshow="slider2"]
Now I have 2 similar slideshows with same slides each, and slides are from the end of whole slide’s list. I put this example here: http://test.boatskipper.ru/
Where is a mistake? Thanks
P.s. Same optioned slide navigation works different on both slideshows.
Regards,
Andrey
Hi Andrey, it looks like they are both the default slideshow, a slideshow isn’t specified. But there are code tags wrapped around the slideshows, this can cause problems. Switch to the HTML view and remove the extra code tags, make sure the shortcode is on a line by itself, and doublecheck that the slideshow slugs you have added match the slugs in the WordPress admin.
I’ve got it, thanks, and my respect to you for your product and support.
You’re welcome!
Hi Josh,
I have two Meteor Sliders. One, with default settings, here: http://www.bmp.debski.net/category/qnap/
Another one here:
http://www.bmp.debski.net/qnap/
This Meteor Slide widget is located in woosidebar widget so I can locate it at this place on the page. this one I want to change. Metadata typed as follows:
height: 100, width: 300Pictures not adopt to these settings. I supposed they will be cropped.
Slides settings:
height: 238, width: 940I would appreciate your support.
Jacek
I think I found the solution.
My assumption about cropping pictures was wrong. The image was resided to the height and width placed in metadata and it seems to be working.
Jacek
Cool, glad to hear you got it working.
Hi. I am using Weaver 11 Pro and added meteor slides on the home page as a top widget. I am trying to change the size of the slideshow. I am trying to put ithe metadata in the widget to try to change the size of the slide, for example [meteor_slideshow slideshow="pet-home" metadata="height:300 width: 425"]. The default metadata in the widget says [meteor_slideshow slideshow=. When I replace that with my metadata and click Save on the widget, the info I put in there disappears and goes back to [meteor_slideshow slideshow=.
Can you tell me what I am doing wrong?
Thanks, Jan
Hi Jan, there is probably a syntax error in the shortcode, I noticed in the example you posted, there is a comma missing in the metadata:
[meteor_slideshow slideshow="pet-home" metadata="height:300, width: 425"]Hi Josh,
I added the comma as you suggested, but again when I click Save in the widget everything I added after [meteor_slideshow slideshow=disappears.
Ah, don’t use the shortcode in a widget, try using the Meteor Slides Widget instead.
Hmmmm, I am using the Meteor Slides Widget within the Sitewide Top Widget Area widget.
What was the shortcode example for then, are you adding the shortcode to the slideshow widget?
Hi, my question is: will this plugin resize or cut pictures when i load ex. 1024×768 pictures, i think my theme 2011 is not broad enough, i think 900px, and i dont want to resize all my pictures
second, smaller sized pics should be zoomed
mfg
peter
Yes, if the slide images are large than the slideshow size, it will crop them to fit, it will not enlarge images that are too small, as these would be “blown up” and the quality would be bad.
The cropping is really just to keep the slideshow from looking bad if a very large image is used accidentally. To get the best quality slideshow, I recommend sizing your slide images properly in an image editor first, setting the slideshow dimensions to match those slide images exactly, and then uploading the images.
hi, is there any option for diplay picture text
mfg
peter
You can add captions to the slides using a custom slideshow template.
Hi Josh.
Thanks for your quick reply.
In the Meteor Slides Widget I have selected the Slideshow “PetHome” from the dropdown menu. In the Metadata field, I added [meteor_slideshow slideshow="PetHome" metadata="height:350, width: 425"]
In the metadata field you just need the metadata that gets entered into the shortcode, not the whole shortcode. Try it like this:
height:350, width: 425Take a look on the using metadata page, it shows how it should be added depending on what you are using to load the slideshow.
Unfortunately that didn’t work either with quotes or without. When I chose All Slides in the dropdown instead of the specific slideshow I want, it sized them all to half the size.
Hi Jan, I’m not exactly sure what is going on, can you post a link to the page you’re working on?
Hi Jan and Josh.
I have been using Meteor Slides for a month. This plugin is great and I am so grateful for Josh’s amazing work. Thank you very much.
I have a question to Jan. What was the size of “Setting” when you uploaded the image to Meteor Slides? I am wondering if the set size might have been smaller than the size your target with metadata then. You might be able to solve this problem by eliminating the image already uploaded before from the slide show first and reset the size larger in the “setting” and reupload the image data. (Sorry I am Japanese and not good at explaining things in English)
I hope your problem will be solved by this. Good luck.
You’re welcome Shin!
Hi Josh,
Great plugin and largely very easy to use with your great support website. I have added three shows to my website so far, the main one on the home page and one smaller in the sidebar. Both are fine.
The final one located in the top sidebar is having a few issues. I set it up like the other sidebar, but the images look enlarged still. Can you have a scan to try and diagnose the problem?
http://http://orlandogroup.co.uk/orlando-groups-services/
Thanks,
Giuseppe
Thanks Giuseppe, I tried to access the site you linked to and wasn’t able to load it, are you still having problems with that last slideshow?
http://www.orlandogroup.co.uk/orlando-groups-services/ sorry, my fault I think and yes still having issues
The the slide image size and slideshow size don’t match. The slideshow is set to a larger size, set it to match the size of the first slide in the slideshow and it should fit better.
Hi, Thanks for the reply. But I thought adding the metadata would overide the defualt slide size settings. The images are formatted to 300 x 150, just like the other sidebar slidshow below the one in question labelled “Find Us At: Or am I getting confused?
Ah, I was mistaken, you’ve got the slides sized correctly, but the slideshow shrinking down to 250px because the column isn’t wide enough for the whole slideshow to fit without scaling. The columns have a fluid width, but it looks like the max width for the slideshows would be 250px.
Hi Josh,
Brilliant plugin that you built, every easy to use and lot of options. I’ll definitely be voting 5 stars for it.
I do have a small issue if I place 2 or more slideshows on the same post and wonder if I’m doing something wrong.
If I’m using the prev/next option it only works for the first slideshow on the page. All subsequent slideshows will scroll through the slides ok but if I click on the prev/next arrows it has no effect.
Any ideas.
Thanks,
Kevin
Thanks Kevin, ratings are always appreciated!
Most of the time multiple slideshows conflict because they are loading the same slideshow, or because one if the slideshow slugs that has been specified isn’t quite right. I would double check those slugs. I can take a look if you want to post a link.
Spot on Josh. It was my mistake, I had omitted a hyphen and had ‘idea generators’ instead of ‘idea-generators’ as the slideshow value. Thanks for the solution and the quick response.
You’ve definitely earned a cup of coffee!!
Chow chow,
Kevin
No problem Kevin!
Josh,
You are a legend, keep up the good work!
G
Thanks Giuseppe!
Josh: my apology for being so dumb, but I can’t seem to get the photos to size properly.
I added 17 photos in my Media Library. They are each 1024 wide by 574 tall.
Next I created a slide show I called “Trivia” with a slug “trivia”
Then I added each of the photos into “Slides” and attached them to the “Trivia” slideshow. I have verified that they are in “Slides” at the dimensions 1024 width and 574 height.
Next I changed the Slide show settings to height: 574 and width to 1024
Then I put in the short code in a new page as follows:
[meteor_slideshow slideshow="trivia" metadata="height: 448, width: 800"]
I am now stumped. I can’t seem to figure out what I have done wrong. The photos appear to be the correct width but not the correct height. They are all cropped.
If you would please look at my page i would greatly appreciate it.
http://www.feedinglamoni.org/photos-from-the-march-10th-trivia-bowl/
Never mind, Josh. I finally got it. The trick was to change the maximum height and width in “settings” before uploading photos. Works great now!!!!
Glad to hear you got it working Rob!
Hi Josh,
The support you provide here is unbelievable!
super awesome for newbies like me to lurk around and learn!
I am using 2011 wpress theme and trying to create a site full of sliders.
some issues i would request you to guide me
1. On my site One slider is working fine with height 450px and width 300px. but am unable to create another slider with different height nd width. please help.
2. I already have another mannual slider in the header of every page i would like to replace that on some pages with meteor slides. How can i do that?
3. How can i add a background image to the meteor -slides?
here is the link to website
http://www.koolbiteicecream.in
Thanks in advance !
Rgds
Bunny
Hi Bunny, I don’t see any Meteor Slides slideshows on that site.
Hi Josh,
the one slider i applied is working fine here
http://koolbiteicecream.in/products/bars/
i was facing issues in
1. adding another slider, which might be bigger than the above mentioned.
and wanted to know how could i
2. replace the header slider with a meteor slider on several pages down the line.
3. Apply a background image to a meteor slider ?
Thanks for the plugin and great support!
Regards
Bunny
Take another look at this tutorial, you need to set the slideshow dimensions to match the largest slideshow, and then override that using metadata on the smaller slideshows. So for that existing slideshow you need to add metadata with the size and then change it to the larger size in the slideshow settings.
If you wanted a slideshow on certain pages you’d use a conditional, just like this example, but you’d load the default slider you have now in that conditional as the default element.
You can use a custom stylesheet to customize the slideshow, but don’t add a background to the existing slideshow container, it needs to be a certain size, instead add a new container around the slideshow function and style that one.
Thanks Josh,
I ‘ll try it and will let you know how it goes.
rgds
Hi Josh,
just found your plugin and it works great for me! Thanks for you work.
There are is something I mentioned playing around with it and I wanted to ask if this is the right behavior.
I scaled the slideshow to 800×500.
Added 2 slide with an image 800×500
Added 1 slide with an image 800×300
When I look at the page the box is shrank to 300 in height. If I delete the small image the box is ok. So I guess all images have to be in the correct size and not too small!?
Another question if you don’t mind. Is it possible to add the navigation via keyboard (pressing left and/or right)
Thanks and keep it up!
Hi Dirk, it does work best if the slide images are all the same size. You can use images with different sizes, but the slideshow will scale to the size of the first image, so you would want the largest image first.
There are examples online that show how to add keyboard navigation to jQuery Cycle, you could use a custom slideshow script to do this.
Thanks a lot for quick answer Josh !
Hello, I tried use:
but the Slideshow doesn’t appears. What could be causing this?
Help me, thanks.
Hi Keit, can you post a link?
Hey Josh, first, thanks for your plugin, works amazingly!! One question, while i’m creating a different slideshow with custom size, when I try to hover or click the arrows everything goes down like if there’s something above the images, please take a look here: http://goo.gl/qyihN
Again, thanks so much!
Hi Arturo, the slideshow is working good for me. Did you get it fixed, or is this only happening in a certain browser?