• Registered: 2012-11-09
  • Posts: 10

Topic: Disposing of thumnbail arrows in wp-juicebox

I just about have the Juicebox gallery in my Wordpress site configured. But is there a way I can get rid of the arrows on either side of the thumbnails, and just fill that space with thumbnails only?

You can see here that I have 14 thumbnails, which should fit in a grid with 7 columns and 2 rows on one "page" of thumbnails. But since the thumbnail navigation is there, it puts two of the thumbnails on a second page. Any way to remove those thumbnail navigation arrows?

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Disposing of thumnbail arrows in wp-juicebox

It is not possible to completely disable the thumbnail navigation arrows using the available configuration options.
However, you could try setting thumbNavPosition="BOTTOM" in the Pro Options text area to move the thumbnail navigation arrows from the left and right of the thumbnails to below the thumbnails.
This may free up enough space to allow an extra thumbnail column to be displayed. If it does not, then try reducing the value of the thumbPadding configuration option.
For reference, a list of the available 'Thumbnail Options' can be found here.

3 Reply by moiremusic (edited by moiremusic 2012-11-13 19:34:34)

  • Registered: 2012-11-09
  • Posts: 10

Re: Disposing of thumnbail arrows in wp-juicebox

It looks like thumbNavPosition="BOTTOM" and thumbnail size adjustments worked pretty well! I had really hoped that I could stretch the image and the thumbnail gallery to the edges of the page, but I guess the sides of the thumbnail gallery are just inaccessable. Maybe a future update?

For now I have a clean, easy to create gallery that work well on tablets... something I've be trying to find for a long time. Thanks!

As one last tweak, Steven, do you see any way that I can minimize the margin at the bottom bottom of my gallery?

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Disposing of thumnbail arrows in wp-juicebox

I had really hoped that I could stretch the image and the thumbnail gallery to the edges of the page, but I guess the sides of the thumbnail gallery are just inaccessable.

You could use imageScaleMode="FILL" to completely fill the image area with the main image (though cropping may occur on large images). However, the thumbnails are of fixed dimensions and are centered within the gallery and the gallery is embedded in a container with a fixed width on your WordPress page. If the container was slightly narrower that it currently is, there would be less room to the left and right of the thumbnails but the container size is set by your WordPress theme. You could check your WordPress theme settings to see if you could decrease the post container width.

As one last tweak, Steven, do you see any way that I can minimize the margin at the bottom bottom of my gallery?

Since you have set thumbNavPosition="BOTTOM", Juicebox is reserving space for the thumbnail navigation buttons below the thumbnails.
If the gallery was embedded in a container which did not have a fixed width and the user decreased the width of the browser window, the number of thumbnails per page would decrease and the thumbnail navigation buttons would appear in this space to allow the user to navigate through the thumbnail pages.
If you find a way to change your post container's width in your WordPress theme settings, you might like to try increasing the post container's width slightly and reverting to setting thumbNavPosition="CENTER".