Gallery broken by Spry
Posted: Sun Sep 19, 2010 7:01 am
Hi, I am trying to integrate Gallery with a Tabbed panel using Spry. The Tabs work OK, but there is mixed success with Gallery templates depending in which content blocks they are defined.
If the Gallery definition is in the main content block or the the outside content block - all is OK. If I define a Gallery in the inside blocks - there are problems. Slimbox and Lytebox work ok whereas Cmotion, AE and others do not. I cannot see it being a stylesheet issue - maybe its a javascript conflict. I am hoping for a simple oversight on my behalf. cheers and thanks to any help.
Code: Select all
<div id="content">
{content}
<div class="TabbedPanels" id="gallerytab">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab">Tab 1</li>
<li class="TabbedPanelsTab">Tab 2</li>
<li class="TabbedPanelsTab">Tab 3</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">{content block="firstTab"}</div>
<div class="TabbedPanelsContent">{content block="secondTab"}</div>
<div class="TabbedPanelsContent">{content block="thirdTab"}</div>
</div>
{literal}
<__script__ language="JavaScript" type="text/javascript">
var gallerytab = new Spry.Widget.TabbedPanels('gallerytab', { defaultTab: 0 });
</__script>
{/literal}
</div>
{content block="outside"}