Thumbnails are not styled after moving to another container

mr.henry.kiss's Avatar

mr.henry.kiss

07 Dec, 2012 01:05 AM

Hi,

In this example: http://outlinegraphics.com/dmitry/home.html I use a colorbox to launch royalSlider. I also remove the thumbnails and append them to a nearby div. Unfortunately the thumbnails arrow navigation is not being shown as expected. I can see the .rsThumbsArrow divs when inspecting the DOM, but I cannot get them to appear on the thumbnails.

The thumbnail strip is added to this div <div id="carousel" class="cottages"></div> which has a width of 890px. In css/style.css:281 I set the .rsNav to 700px. I append with this js in home.html

     $('.rsNav.'+focusClass).appendTo('#carousel.'+focusClass);
        $('.royalSlider.'+focusClass).royalSlider('updateThumbsSize');

When the royalSlider is viewed in fullscreen I use $.rsProto to re-append the .rsNav to the slider, if I restrict the width of the .rsFullscreen .rsNav the thumbnail arrows are shown.

Help is greatly appreciated I have a demo first thing tomorrow morning.

Thanks again,
Wayne

  1. Support Staff 1 Posted by Dmytro Semenov on 07 Dec, 2012 11:09 AM

    Dmytro Semenov's Avatar

    Hi,

    It's not hidden, it's just not styled, because your new container has no clas rsMinW. Take a look in your skin CSS file, all styles start from it.

    Dmitry

  2. 2 Posted by mr.henry.kiss on 14 Dec, 2012 08:04 AM

    mr.henry.kiss's Avatar

    Thanks. That took care of the problem. I forgot to mark this ticket as resolved.

  3. mr.henry.kiss closed this discussion on 14 Dec, 2012 08:04 AM.

Comments are currently closed for this discussion. You can start a new one.

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