Thumbnails get hidden when viewport orientation is changed on i-pad

hunt's Avatar

hunt

13 Dec, 2012 08:41 PM

I have the slider working exactly how I want it to but the only issue is that on i-pad when I switch the viewport orientation the thumbnails sometimes get hidden.

jQuery(document).ready(function($) {

      $(".royalSlider").royalSlider({
        controlNavigation: 'thumbnails',
        // general options go gere
        imageAlignCenter: true,
        imageScalePadding: 0,
        arrowsNavHideOnTouch: true,
        slidesSpacing: 0,
        thumbs: {
          // thumbnails options go gere
          spacing: 10,
          arrowsAutoHide: true,
          firstMargin: false,
          arrows: false,
        }
      });  
  });

.gallery {

    max-width:684px;
    margin:0 auto;
    .royalSlider {
      width: 100%;
      margin: 0 auto;
    }
}
  1. Support Staff 1 Posted by Dmytro Semenov on 13 Dec, 2012 08:55 PM

    Dmytro Semenov's Avatar

    Hi,

    Do you mean they competely hidden, or you can zoom out? Check this http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zo...

    Dmitry

  2. 2 Posted by hunt on 13 Dec, 2012 08:59 PM

    hunt's Avatar

    When the orientation changes the thumbnails get pushed really far to the left and you have to scroll a bit to get them back into view. I will check out the link you posted, thanks.

  3. 3 Posted by hunt on 13 Dec, 2012 09:10 PM

    hunt's Avatar

    Tried including that script with no results. On the iphone, the thumbnails seem to re-adjust positioning but on ipad they get pushed out of the viewport.

  4. Support Staff 4 Posted by Dmytro Semenov on 14 Dec, 2012 11:26 PM

    Dmytro Semenov's Avatar

    I'll rephrase my question, if you rotate regular page, will it scale or not?

    You may send me a link to your site and I'll take a look on it on my iPads.

    Dmitry

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac