Hi, have you set the height and width on the slideshow settings page? It looks like they are empty, which could cause issues:
/* <![CDATA[ */
var meteorslidessettings = {"meteorslideshowspeed":"1000","meteorslideshowduration":"5000","meteorslideshowheight":"","meteorslideshowwidth":"","meteorslideshowtransition":"scrollLeft"};
/* ]]> */
I added the W and H in the Slide setting but still no luck. Plus, I have tried deactivated all other plugins.
I found the source of the problem, you have some custom rules in your stylesheet for Meteor Slides:
.meteor-slides .mslide img, .meteor-slides .mslide-1 {
-moz-transition: all 1s ease-out 0.7s;
height: 410px;
margin: 0;
width: 896px;
}
When I disable the -moz-transition: all 1s ease-out 0.7s; rule in Firebug, the slideshow works correctly.
Thank you!!
That fix that problem. But I have to sacrifice the easing when resize. Is there any other way around?
You could try applying the easing to just the image, the slideshow targets the .mslide containers, so that might work better. But I think you might have an easier time adding easing with jQuery. You can ease the slide transitions with the jQuery Easing plugin, so it might be easier to ease the scaling with that too.
