Hi Dominik, the slideshow doesn’t have breakpoints it just scales to whatever size the container of the slideshow is. So if the container is 1920px wide, that’s how wide the slideshow will be, and so on.
If you want it to stay that size and then start shrinking at 1366px, you can put the slideshow in another div container and add breakpoints for your container.
Thanks for so fast answer but im not sure if i get it it. Could You give some example?
Regards
Dominik
It depends on what exactly you’re trying to do.
I have set of images with width set to 1920px. I need them to stay with the same dimensions. But when i resize my browser to 1366px width than i want to see responsive feature works. So my image stay with same, declared in plugin option, dimension until i resize my browser under 1366px. Than it should scale the slider (same as it works by default).
I use foundation 4 for my grid.
Regards
Dominik
Do you have an example of a site with a slideshow that works like this?
I dont have any site example. So if its a problem how can I easy turn off slider image scaling.
It’s not really a problem, just pretty custom. Nothing has to be changed with the slideshow, it will scale or not, depending on the container it is in. So if you create a custom div container with the slideshow in it like this:
<div id="meteor-slideshow-wrapper">
<?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>
</div>
Then you could style that wrapper however you need it and the slideshow will scale to fit it. If the slideshow was 1920×400, you could add some CSS like this to keep it from shrinking:
#meteor-slideshow-wrapper {
height: 400px;
width: 1920px;
}
And you could add a media query if you wanted it to start shrinking below a certain point.
it works but now i have problem with centering :/ I think best results would be when images are set as div background…
You can do that with a custom slideshow template if you need to.
