View Full Version : Issues with IE & Safari - Smooth Menu

04-04-2010, 05:06 PM
1) Script Title: Smoothmenu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

3) Describe problem: smoothmenu works perfectly in firefox but when I view it in IE I get a red "image missing" x appearing over the menu and in Safari it's the blue ? that appears. (If I open the menu each subsection also shows the x or ?).

The menu works in both of these browsers.

Why are they looking for images?

11-22-2010, 06:38 PM
I'm having the same issue show up in IE and Safari. Is there a fix for this?

11-22-2010, 07:38 PM
Did you download the images right.gif and down.gif from the demo page and put them in the same folder as your page? To do so right click on them in the section:

2 images: http://www.dynamicdrive.com/dynamicindex1/right.gif http://www.dynamicdrive.com/dynamicindex1/down.gif

and use 'save as'.

Alternately they may go anywhere as long as you configure their locations in the ddsmoothmenu.js file (absolute paths may be used):

//** Smooth Navigational Menu- By Dynamic Drive DHTML code library: http://www.dynamicdrive.com
//** Script Download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/
//** Menu created: Nov 12, 2008

//** Dec 12th, 08" (v1.01): Fixed Shadow issue when multiple LIs within the same UL (level) contain sub menus: http://www.dynamicdrive.com/forums/showthread.php?t=39177&highlight=smooth

//** Feb 11th, 09" (v1.02): The currently active main menu item (LI A) now gets a CSS class of ".selected", including sub menu items.

//** May 1st, 09" (v1.3):
//** 1) Now supports vertical (side bar) menu mode- set "orientation" to 'v'
//** 2) In IE6, shadows are now always disabled

//** July 27th, 09" (v1.31): Fixed bug so shadows can be disabled if desired.
//** Feb 2nd, 10" (v1.4): Adds ability to specify delay before sub menus appear and disappear, respectively. See showhidedelay variable below

var ddsmoothmenu={

//Specify full URL to down and right arrow images (23 is padding-right added to top level LIs with drop downs):
arrowimages: {down:['downarrowclass', 'down.gif', 23], right:['rightarrowclass', 'right.gif']},
transition: {overtime:300, outtime:300}, //duration of slide in/ out animation, in milliseconds
shadow: {enable:true, offsetx:5, offsety:5}, //enable shadow?
showhidedelay: {showdelay: 100, hidedelay: 200}, //set delay in milliseconds before sub menus appear and disappear, respectively

///////Stop configuring beyond here///////////////////////////

Note: Firefox (unlike IE and Safari) often gives no indication of a missing image if the image tags (generated by the script in this case) lack dimensions and an alternate attribute.