Tab Content Script with flShow Carousel gallery

[pavneet]

1) Script Title:

Tab Content Script (v2.2)

2) Script URL (on DD):

http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

3) Describe problem:

I am trying to implement this to contain a "before" and "after" carousel of photos using flShow:

http://www.flshow.net/carousel_examples.php

Well on first invocation, both divs, i.e., "Before" and "After" show up one below the other. However, once I click on the "After" tab, the "Before" contents are properly cropped out and vice versa.

Is there any way to have the crop happen out of the gate? What am I missing?

Thanks:

Here is the code that I am using:

<div id="portfoliotabs" class="indentmenu">
<ul>
<li><a href="#" rel="carousel-2180MISS-before" class="selected">Before</a></li>
<li><a href="#" rel="carousel-2180MISS-after">After</a></li>
</ul>
<br style="clear: left" />
</div>

<div style="border:1px solid gray; width:750px; height: 500px; padding: 0px; margin-bottom:1em">
<div id="carousel-2180MISS-before" class="carousel_container tabcontent">
<script type="text/javascript">
swfobject.embedSWF("Carousel.swf", "carousel-2180MISS-before", "750", "500", "9.0.0", false, {xmlfile:"2180MISS-Before.xml", loaderColor:"0x666666"}, {bgcolor: "#FFFACD"});
</script>
</div>

<div id="carousel-2180MISS-after" class="carousel_container tabcontent">
<script type="text/javascript">
swfobject.embedSWF("Carousel.swf", "carousel-2180MISS-after", "750", "500", "9.0.0", false, {xmlfile:"2180MISS-After.xml", loaderColor:"0x666666"}, {bgcolor: "#FFFACD"});
</script>
</div>
</div>

....

[pavneet]

Another data point:

If I set autorun on in the init function, i.e., cycle time of 3000, the display corrects itself on the second cycle. However, if I manually try to use the expandit or cycle it functions, the behaviour persists.

advTHANKSance