xara widgets not working when WOW slider installed on same page

[csteienr]

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

[siran]

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

[Acorn]

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:

<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

[csteienr]

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

[siran]

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.

[csteienr]

Many thanks Acorn for your professional and helpful advice.

I am very grateful to you.

Christian

[csteienr]

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

[csteienr]

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

[siran]

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

[csteienr]

Many thanks for your kind help.