Custom position of thumbnails in DOM

kyrcman's Avatar

kyrcman

22 Nov, 2012 12:48 PM

I'm looking for a way to position thumbnails (deep link style) beside the main image but above a description text. I know I may position the thumbnails with an absolute position but that would mean that only one row of thumbnail could be used since I also need to set a padding or similar to the description text. As soon as I get 2 rows of thumbnails these would hide parts of the text.

If I were to post this in the "suggestions" forum I would probably ask for a feature that lets me have a "rsContent" container and a "rsContentThumbnails" or similar but I'm hoping there is a solution that I haven't figured out myself yet.

Please see attachment for clarification :-)

  1. Support Staff 1 Posted by Dmitry Semenov on 22 Nov, 2012 05:55 PM

    Dmitry Semenov's Avatar

    Hi,

    Actually it's pretty simple to implemenet this. Just append your description element to rsNav, after slider initialization.

    $('.rsNav').append( $('.your-description-element') );
    

    Also, you'll probably need to set "auto" height to rsNav.

    Dmitry

  2. 2 Posted by kyrcman on 22 Nov, 2012 06:37 PM

    kyrcman's Avatar

    Great, thank you! :-)

  3. kyrcman closed this discussion on 22 Nov, 2012 06:37 PM.

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