Click here to Skip to main content
15,613,470 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:
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?
Updated 12-Apr-12 0:03am
Slacker007 12-Apr-12 6:03am    
Edited for readability and formatting. :)

1 solution


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

So, you are going to decide ,which content layer have to be in front and back.....
Share this answer
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