• Registered: 2015-03-25
  • Posts: 2

Topic: Responsive galleries and drop shadow on thumbnails

In Juicebox Lite Embedded is responsive Or not? and how to remove dropshadow effect in thumbnail?

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

Re: Responsive galleries and drop shadow on thumbnails

In Juicebox Lite Embedded is responsive Or not?

There are essentially two ways to make a Juicebox gallery responsive (with its dimensions dynamically changing with the size of the user's browser window).

Scenario #1:
A Juicebox gallery will be responsive (and will dynamically scale with the size of the user's browser window) if the gallery's own dimensions and the dimensions of all parent containers are expressed as percentages. If there is a fixed value anywhere up the chain, then the gallery's size will become fixed (e.g. 100% x 100% x 800px = 800px).
Please note that when using percentage heights, you may need to implement the suggestion noted here.

Scenario #2:
You could use JavaScript to listen for a change in the size of the user's browser window and assign new dimensions to the Juicebox gallery if and when this happens.
An example of this can be found in the resizable galleries support section here.
Take a look at the source of this sample gallery in your browser to see how this might be achieved.

Both scenarios above apply equally to Juicebox-Lite and Juicebox-Pro.

and how to remove dropshadow effect in thumbnail?

Set thumbShadowBlur="0" (in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section).
Please note that this is a Pro configuration option which is not supported by Juicebox-Lite (the free version).