• Registered: 2013-10-08
  • Posts: 4

Topic: Juicebox Settings Help

Hey guys, I contacted you guys a few months ago and received some excellent assistance. I ended up tweaking the gallery a few times and came back with a final request.

What settings should I include to have a slider similar to this mock up ( I don't need the red borders on the thumbnails.) I am having a hard time getting the thumbnails to move over closer towards the main image.

http://snag.gy/J40vh.jpg


This is my current slider situation

http://snag.gy/KxK0x.jpg
http://beta.rgb.com/products/superview-4k

Settings

enableLooping="TRUE"
stagePadding="0"
captionPosition="NONE"
showImageNav="FALSE"

imageClickMode="OPEN_URL"
imagePadding="2"
imageNavPadding="0"
imageHAlign="LEFT"

thumbsPosition="RIGHT"
maxThumbColumns="1"
maxThumbRows="4"
thumbNavPosition="BOTTOM"
thumbSelectedFrameWidth="2"
thumbsHAlign="LEFT"
thumbWidth="80"
thumbHeight="40"
thumbPadding="10"
thumbHoverFrameWidth="2"
thumbFrameColor="rgba(210,30,30,0.6)"

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

Re: Juicebox Settings Help

Two ways to reduce the gap between the main image and the thumbnails would be to either:

(1) Set imageHAlign to CENTER or RIGHT (rather than LEFT)

... or:

(2) Set imageScaleMode="FILL" which will fill the entire image area with the main image (though if the gallery's image area does not have exactly the same aspect ration as the main image being displayed, then the main image will be cropped).