JJ NextGen JQuery Slider
Nextgen Gallery thumbnail appears on top (5 posts)

  1. pricklepantz
    Posted 4 years ago #

    Hi, need help on placing thumbnail gallery below the slideshow. now is appearing on top.

    my shortcode:
    [jj-ngg-jquery-slider title="Hello" gallery="2" html_id="about-slider" width="940" height="380" center="1" controlnavthumbs="nextgen_thumbs" thumbswidth="50" thumbsheight="28" thumbsgap="5" pauseonhover="1" captionopacity="0.8" disablecaption="0" controlnavthumbsfromrel="0" animspeed="1000" pausetime="3000" effect="fade"]

    Thanks a lot


  2. vnt87
    Posted 4 years ago #

    Same here. I would like to know how to put the thumbs gallery on the bottom, of the main image screen

  3. pricklepantz
    Posted 4 years ago #

    hi vnt, i solved it by modifying the css. look for this part and add property bottom like below. adjust it with your need.

    file nivo-slider.css
    .nivo_slider_controlNavImages .nivo-controlNav {
    overflow: hidden;
    visibility: hidden;
    line-height: 1px;
    left: 0px;
    bottom: -32px;

  4. vnt87
    Posted 4 years ago #

    Awesome man, it works!
    By the way, just an advise for other people who might also be interested at this issue: the added bit is the "bottom" property and its value should be set to (height of your thumbnail + margin between the thumbgrid and your big image). For example I had my thumbnail height set at 60px and I wanted a 4px margin, so what I added was:

    bottom: -64px;

  5. vnt87
    Posted 4 years ago #

    I just realized that the thumbnail grid is not a carousel so if you have more than one line of thumbnails you will need to adjust it accordingly otherwise it may block the main image screen. I wonder if we can combine JJ jQuery Carousel plugin with this.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • JJ NextGen JQuery Slider
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic