Gallery broken by Spry

[vicpug]

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.

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"}

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.

[Jos]

does this spry tabbed panel thing use jQuery itself? Maybe you want to look for additional calls to the jQuery library in your html source code and delete them all but the first one

[vicpug]

thanks,  Spry uses

Code: Select all

<__script__ language="JavaScript" type="text/javascript" src="lib/SpryTabbedPanels.js"></__script>
  <__script__ language="JavaScript" type="text/javascript">
    var tp1 = new Spry.Widget.TabbedPanels('gallerytab', { defaultTab: 0 });
       </__script>

Still looking. thanks