DD Menu and Slideshow widget issues...

[jagweb7]

Hello,
I am trying to implement the below menu from DD onto a page designed in WDMX.
http://www.dynamicdrive.com/style/cs...el_css_menu_2/

On the page, I also have the fade in slideshow widget. There are two things occurring:
1) The sub menus from this menu always show behind the fade in slideshow widget. It doesn’t matter if I place the widget to the back or to the layer behind.
2) The fade in slideshow widget turns static. Meaning, only one image shows and the small numbers on the bottom left of the slideshow disappear.

Here is a URL to the page: http://www.encoreses.com/EEI2012/index_2_2_2.htm

I appreciate any input on what is occurring. I’m guessing there is some clash between the JavaScript?
Thanks in advance!

[Drwyd]

This thread may help

[jagweb7]

Thanks! I will try it this evening. Do you think this will resolve both issues?

[Drwyd]

Possibly, let us know how it works out. We'll have another go if it doesn't.

[jagweb7]

Thank you - will do!

[jagweb7]

The menu is now displays over the widget which is great! The bit of code helped. However, the widget is still static as mentioned above. When I remove the menubar placeholders it functions like it should. I guess its competing JS(?). Going to keeep looking at and playing with to see if I can get it to work - thanks!

[Drwyd]

Error: $("#" + divID + "OuterDiv").cycle is not a function
Source File: http://www.encoreses.com/EEI2012/ind...e_v8_config.js
Line: 84

That seems to be the error. Don't ask me how to fix it though

[jagweb7]

Thanks for taking the time to narrow down. Might have to ask some resident experts on my end. :-)

[GerryI]

The problem is that both the slideshow widget and the menu use the JQuery library. This should only be included once on the page but is being directly included by the widget and also in your placeholder code. Simply remove the following bit from your head placeholder code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

You should also apply a name of "UsesJQuery" to the placeholder object so that JQuery will still be included if there aren't any widgets on the page but this only currently works in Designer Pro X. In WDMX you should only modify the placeholder code on pages that are affected.

Gerry

[jagweb7]

Thank you for taking the time to review and respond. Unfortunately, when I remove the code as suggessted it takes away the submenus which are needed.