Cropping on initial rotation issue

  • Resolved shorvath

    (@shorvath)


    9 years, 5 months ago

    Seem like there’s a slight bug on the initial loading of images if they’re large enough. I have several images which are 600 x 300. I’ve also set a custom class to restrict the width of the slidr to 600px. When I first load up the page, the initial run through of all the images have them only sliding in only about 350px. This creates a partially displayed view of both previous and next images. Rather, I’d like to be able to restrict the width to 600px and then have Slidr moving each next image in 600px (the width of the images).

    This is only an issue on the initial rotation. After one full rotation then everything works as expected and the images slide in at the 600px as they should.

    Is there a setting/override somewhere that I can ensure that the images slide in the same number of pixels as the image width itself?

    Here’s my current code.

    [slidr gallery="4581,4591,4601,4611,4621,4631,4641,4651,4661,4671,4681" size="original" height="308" img_link="no" cycle="auto" speed="2500" number=15 order="DSC"]

    https://www.ads-software.com/plugins/slidr/

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello,

    I see what you mean. If you know that your items’ size is precisely 600px, a temporary workaround until I fix it in the next update would be this:

    In the plugin’s folder, open js/slidr.js and change line 62 from

    $carousel.animate({ 'scrollLeft': navDir+slidrHeight });

    to

    $carousel.animate({ 'scrollLeft': navDir+600 });

    Depending on the padding of your slideshow, you may need to increase the number a bit. For example, in my experiments with the default css and TwentyFifteen theme, the actual number that worked for me was 605 instead of 600.

    As I said, this is only a temporary workaround. Hopefully, in the next few days I will find the time to release a proper fix as an update.

    Thread Starter shorvath

    (@shorvath)

    That did it! Thanks so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Cropping on initial rotation issue’ is closed to new replies.

Tags