<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title><![CDATA[Juicebox Support Forum — Gallery Responsiveness]]></title>
		<link>https://juicebox.net/forum/viewtopic.php?id=5283</link>
		<atom:link href="https://juicebox.net/forum/extern.php?action=feed&amp;tid=5283&amp;type=rss" rel="self" type="application/rss+xml" />
		<description><![CDATA[The most recent posts in Gallery Responsiveness.]]></description>
		<lastBuildDate>Mon, 18 Oct 2021 10:04:36 +0000</lastBuildDate>
		<generator>PunBB</generator>
		<item>
			<title><![CDATA[Gallery Responsiveness]]></title>
			<link>https://juicebox.net/forum/viewtopic.php?pid=18088#p18088</link>
			<description><![CDATA[<p>There are essentially two ways to make a Juicebox gallery responsive (with its dimensions dynamically changing with the size of the user&#039;s browser window).</p><p><strong>Scenario #1:</strong><br />A Juicebox gallery will be responsive (and will dynamically scale with the size of the user&#039;s browser window) if the gallery&#039;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&#039;s size will become fixed (e.g. 100% x 100% x 800px = 800px).<br />Please note that when using percentage heights, you may need to implement the suggestion noted <a href="https://www.juicebox.net/support/embedding/#percentage-heights">here</a>.</p><p><strong>Scenario #2:</strong><br />You could use JavaScript to listen for a change in the size of the user&#039;s browser window and assign new dimensions to the Juicebox gallery if and when this happens.<br />An example of this can be found in the resizable galleries support section <a href="https://www.juicebox.net/support/embedding/#resizable">here</a>.<br />Take a look at the source of <a href="https://www.juicebox.net/demos/support/resizable_top_menu/gallery1">this sample gallery</a> in your browser to see how this might be achieved.</p>]]></description>
			<author><![CDATA[null@example.com (Steven @ Juicebox)]]></author>
			<pubDate>Mon, 18 Oct 2021 10:04:36 +0000</pubDate>
			<guid>https://juicebox.net/forum/viewtopic.php?pid=18088#p18088</guid>
		</item>
	</channel>
</rss>
