Thank you! I will give those things a try.

I'm trying to embed a Juicebox gallery into a responsive website and am finding that the image will respond nicely but that I cannot get the background to stay within the height and width of the images. In other words, the gallery takes up more space than it should because the container is much taller than the images. I tried adjusting this with a percentage height but found as the container window was resized, the percentage height would no longer be correct (i.e. setting 50% height might work at full screen, but not at a tablet size).

How can I keep the container to the same height as the photo?

As an example:
http://movementsystemspt.com/2015/wp-co … embed.html

or within Wordpress

http://movementsystemspt.com/2015/

Thanks Steven. Got my gallery showing without a drop shadow.

I'd like to have a gallery without a drop-shadow, that is transparent. I would like to use thumb dots.

If I size the gallery to match the photo height, I do not see the drop-shadow.
If I add thumb dots at this height the dots push the image higher and out of the container.
If I add height to "Gallery Height" I can see the thumb dots but also get the drop shadow.



http://www.zoledesign.com/juicebox.png

how it is now with a height that matches the image height:
http://www.zoledesign.com/juicebox2.png

Perfect. Thanks Steven. Got that link to URL working now.

I'd like a website visitor to be able to click an image in the slide show and go to a page on the website.

It seems the linkURL="some-page.html" is meant only to show a larger image? I'd like to have the only mouse action be to click an image to get to an HTML page.

Currently i have no forward/back buttons but clicking on the right-side of an image takes the user forward and on the left takes the user backwards. I don't want this.

enableDirectLinks="true" seemed to do nothing.

Can it be done? If not can I get rid of any user controls (i.e. clicking move to the next slide)?


<juiceboxgallery

    resizeOnImport="false"
    galleryTitlePosition="NONE"
    showImageNav="false"
    showThumbsOnLoad="false"
    showSmallThumbsOnLoad="false"
    showSmallThumbsButton="false"
    showOpenButton="false"
    showExpandButton="false"
    showThumbsButton="false"
    enableAutoPlay="true"
    autoPlayOnLoad="true"
    showAutoPlayStatus="false"
    autoPlayThumbs="false"
    addSEOContent="false"
    showImageNumber="false"
    captionPosition="NONE"
    expandInNewPage="FALSE"
    enableLooping="true"
    showPreloader="false"
    enableDirectLinks="true"
    imageTransitionTime="3"
    enableKeyboardControls="false"
    showImageOverlay="NEVER"

>

<image imageURL="images/a-photo.jpg"
    thumbURL="thumbs/a-photo.jpg"
    linkURL="folder/file.html"
    linkTarget="_blank"
    sourcePath="C:\Users\etc\etc\a-photo.jpg">
    <title><![CDATA[a-photo]]></title>
    <caption><![CDATA[]]></caption>
  </image>