1 Topic by pcfverbeek (edited by pcfverbeek 2014-07-08 16:19:25)

  • Registered: 2014-07-08
  • Posts: 3

Topic: Center on expand, stick top top on normal view

Hello,

I recently bought a copy of Juicebox pro and im delighted by its easy functionalty. However there is one thing I can't seem to find a workaround for. To make things clearer, I am using the "simple" preset where the thumbs are left from the "main image"

On regular view I want the thumbs and the image to stick to the top of their mutual parent. This works fine when using the appropriate setting in the Builder. (image and thumb valign)  When I then expand (not fullscreen or a windowresize or anything) the gallery both the thumbs and the image still stick to the top, as to be expected.

I have been trying tho to get the expanded gallery to center the main image and the thumbs to no avail. Because the source is not available and my knowledge of Jquery is okay but not great I didn't find a solution. Using smart css selectors didnt help me either.

Assistance would be greatly appreciated.

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

Re: Center on expand, stick top top on normal view

Juicebox uses only one set of configuration options for both normal and expanded modes and it is not possible to change configuration options once a gallery has been loaded.
Also, the layout of a Juicebox gallery is complex and I would not recommend trying to alter a gallery's expanded layout using CSS. Juicebox was not designed with such a customization in mind and if you try this, you may very quickly get caught up trying to fix unwanted knock-on side-effects. There is no documentation for such a customization. You would need to check the ids and classes of elements to change using a browser's developer tools and apply your custom CSS rules using JavaScript when the Juicebox-Pro API onExpanded() event is fired.
It may not be an ideal solution to your problem but I would recommend settling on a design which works for you in both normal and expanded modes.

  • Registered: 2014-07-08
  • Posts: 3

Re: Center on expand, stick top top on normal view

Thanks for you answer,
Juicebox sure is a complex piece of work and does its job really well. I tend to spend too much time resolving these minor things.