1 (edited by dariusf 2025-04-28 16:20:11)

Topic: Version 1.5.1.2 thumbsPosition BOTTOM or TOP not working [SOLVED]

Version pro_1.5.1.2 Tested with a simple page using Flickr integration. 

When specifying thumbsPosition: 'BOTTOM', or 'TOP' the thumbnails display vertically and the main image does not display at all. When clicking on next / prev arrows or thumbnail it does nothing. Using 'LEFT' or 'RIGHT' works fine as expected. No console JS errors. See attached image for how it renders.

Is this a known bug?

Code used for testing, nothing else on the page:

<script>
new juicebox({
    containerId: 'juicebox-container',
    flickrUserName: "*****",
    flickrTags: "Ultimae",
    thumbsPosition: 'BOTTOM',
        showOpenButton: 'false',
         useFullscreenExpand: 'true'
    });
</script>

<div id="juicebox-container" style="margin: auto;"></div>

Post's attachments

gallery_bottom.png 89.77 kb, file has never been downloaded. 

You don't have the permssions to download the attachments of this post.

Re: Version 1.5.1.2 thumbsPosition BOTTOM or TOP not working [SOLVED]

If I use just the configuration options shown in your post, the thumbnails in my test gallery are positioned at the bottom as expected.

Please check your gallery's 'config.xml' file to see if there are any other configuration options being set which might account for the gallery layout you are seeing.

Also, check to see if there is any custom CSS on your gallery's embedding page which is perhaps overriding the gallery's own CSS and interfering with its layout.

If you continue to experience difficulties, please post the link to your gallery so that I can examine your gallery and its embedding page. (If you don't want to post it publicly here in the forum, you can email it to me at steven@juicebox.net.)
Once I'm able to see the gallery live on your web server, I should hopefully be able to determine the cause of the problem and propose a solution.
(Just for the record, there are no known bugs with thumbsPosition but without knowing exactly what is causing your problem, I can't rule it out.)

Thanks!

Re: Version 1.5.1.2 thumbsPosition BOTTOM or TOP not working [SOLVED]

Thanks for the reply. It was config.xml but what was happening, Chrome for some reason was caching the older version and did not reload the updated version even with hared refresh. Had to go to network debug tab and clear cache on the file manually for it to take :) Appears to be working fine now as expected.

Re: Version 1.5.1.2 thumbsPosition BOTTOM or TOP not working [SOLVED]

I'm glad you found the root of your problem and have been able to fix it.
Thank you for letting me know. It's most appreciated.