WordPress.org

1. email889
   Member
   Posted 5 months ago #

   Hi,

   I am using wp 3.3 and ms 1.4.

   I don't know what the problem is but slide no 2 is not sliding as slide no3 instead it's overlapping slide no 1? And there is a fair gap after slide no 3?

   http://oikawagroup.com/sakae/?page_id=97

   Many thanks in advance.

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

2. JLeuze
   Member
   Posted 5 months ago #

   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"};
   /* ]]> */

3. email889
   Member
   Posted 5 months ago #

   I added the W and H in the Slide setting but still no luck. Plus, I have tried deactivated all other plugins.

4. JLeuze
   Member
   Posted 5 months ago #

   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.

5. email889
   Member
   Posted 5 months ago #

   Thank you!!

   That fix that problem. But I have to sacrifice the easing when resize. Is there any other way around?

6. JLeuze
   Member
   Posted 5 months ago #

   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.

Reply

You must log in to post.