xara widgets not working when WOW slider installed on same page

Hi

I've just discovered a problem when trying to insert one of the Xara hover widgets (mosaic) in web pack 2 on to the same page with WOW slider installed.

What I discovered is that the widget does not display at all with WOW slider installed in a placeholder on the same page. However, if I delete the WOW slider placeholder and re-insert the hover widget then everything is fine.

I've overcome the problem (not ideally) by creating a mouseover image which gives a 'sort of' same type of effect as the widget, but not ideally.

Anyone come across this problem before? and if so, any idea for a solution?

Thanks

Christian

Could you post an example of the WOW placeholder? I don't know that plug-in. Maybe jquery is included twice for excample.

Place the WOW thingie on its own page - call it WOWpage.
Where it was, create a blank Placeholder and add this code to its body, which assumes your first page is index and generates index.htm:

Quote:

---

<iframe src="index_htm_files/WOWpage.htm" width="100%" height="100%" frameborder="0" scrolling="none" name="iframe_WOW" ><p>Your browser does not support iframes.</p></iframe>

---

Acorn

Hi,

Sorry for taking so long to come back.

Here is the placeholder code:

This is the code for the body section in the placeholder.


<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/home_slide_1.jpg" alt="home slide 1" title="home slide 1" id="wows1_0"/></li>
<li><img src="data1/images/home_slide_2.jpg" alt="home slide 2" title="home slide 2" id="wows1_1"/></li>
<li><img src="data1/images/home_slide_4.jpg" alt="home slide 4" title="home slide 4" id="wows1_2"/></li>
<li><img src="data1/images/home_slide_3.jpg" alt="home slide 3" title="home slide 3" id="wows1_3"/></li>
<li><img src="data1/images/home_slide_5.jpg" alt="home slide 5" title="home slide 5" id="wows1_4"/></li>
</ul></div>

<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->




This is the code for the head section


<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->

I think it is jquery. Remove the line "<script type="text/javascript" src="engine1/jquery.js"></script>" and add the name UsesJQuery to the placeholder. Hopefully the WOW slider works with the JQuery version provided by Xara.
Nevertheless Acorns solution should also work and be more universal.

Many thanks Acorn for your professional and helpful advice.

I am very grateful to you.

Christian

Yes, I think you are right.

I'll give your method a try.

I am very grateful for your kind assistance. It is most appreciated.

Regards

Christian

Sorry to appear a bit thick, but, I dont quite understand what I have to add to the placeholder. I understand that I have to delete the line of script you mention but "add the name UsesJQuery" to the placeholder...Do I just literally enter "UsesJQuery" somewhere in the placeholder?...Also, head or body?

Many thanks for your kind help.

Christian

You select the placeholder and click the "Apply, remove or inspect names of objects" button. Attachment 109850
Then enter the name UsesJQuery and click add.
Attachment 109851

Many thanks for your kind help.