Click here to Skip to main content
14,826,447 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Dear All,

My Jquery slide show is hiding my submenu in webfrom. On mouse over of menu item it will display all subitems below but below to the menu JQuery slide show is there.

So that slide show is hiding all my subitems in the Menu.

This is my code for sliding images:
Java
jQuery(document).ready(function() {if (jQuery('#SlideImages').length > 0) {


jQuery('#SlideImages').cycle({ fx: 'fade', speed: 500, timeout: 3000, randomizeEffects: true, easing: 'easeOutBack', next: '.NextSlide', prev: '.PrevSlide', pager: '#SlideStyleNav', cleartypeNoBg: true });

}

Can anybody how to resolve this?
Posted
Updated 12-Apr-12 0:03am
v2
Comments
Slacker007 12-Apr-12 6:03am
   
Edited for readability and formatting. :)

1 solution

Hi,

There is a css property z-index, go through it and apply to your slideshow images whole, 'div' element style and menu element 'div'.


For example(In css):
 #gallery
 {
    z-index:-1;
 }
#menu
 {
    z-index:1;
 }


So, you are going to decide ,which content layer have to be in front and back.....
   
v2
Comments
SIVA RAMAMOORTHY 12-Apr-12 7:38am
   
thanks alot

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)




CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900