Support » Plugin: JJ NextGen JQuery Slider » [Plugin: JJ NextGen JQuery Slider] Nextgen Gallery thumbnail appears on top

  • 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

    http://wordpress.org/extend/plugins/jj-nextgen-jquery-slider/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Same here. I would like to know how to put the thumbs gallery on the bottom, of the main image screen

    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;
    }

    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;

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Plugin: JJ NextGen JQuery Slider] Nextgen Gallery thumbnail appears on top’ is closed to new replies.