WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. pricklepantz
    Member
    Posted 3 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

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

  2. vnt87
    Member
    Posted 3 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
    Member
    Posted 3 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
    Member
    Posted 3 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
    Member
    Posted 3 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

About this Topic