SmartMenus conflict with SlidesJS

[luis]

Hi, I’m trying to build my first JQuery web page. The menus were working ok until I added a picture slide, not showing now the drop down menu.
The conflict lies in using two different JQuery files: jquery-1.6.4.min.js for the SmartMenus and for the SlideJS

If I remove the later, the menu works ok, but the slider only shows two of the four pictures included.

How can this conflict be solved?

The code is the following: http://pastebin.com/J0fPx2mc

You can visit the web: http://www.xente.mundo-r.com/turkish/ecomir/index.html

[admin]

Hi,

You can use just jQuery 1.9.1 but make sure it’s also included before the link to SmartMenus jQuery in the source – i.e. you should have something like this in your source:

<!-- jQuery -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 

<!-- SmartMenus jQuery plugin -->
<script type="text/javascript" src="jquery/jquery.smartmenus.js"></script>

<!-- SlidesJS plugin -->
<script src="jquery/jquery.slides.min.js"></script>

Also you will need to set relative position for your main menu and a specific z-index, otherwise the sub menus will not appear properly over your slider – e.g.:

<ul id="main-menu" class="sm sm-simple" style="position:relative;z-index:100;">...

Cheers!

[luis]

Yeah! It works great.
Thank you very much!

[Author]

Posts