Hover Tab Menu Different Image

Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu

Support

FAQ

Contacts

About Us

Recent Questions

I want each tab in a hover tab menu has a different image..

Return to Recent Questions

Q: I am trying to create a tab menu and I have some questions.
I want each tab in a hover tab menu has a different image,
the normal and hover state uses the same image and the selected state uses a different image.

A: If you want to use different images you should use Individual Item Styles and assign them for your tabs.

var bstyles = [

["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif,deluxe-tabs.files/style04_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif,deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_n_right.gif,deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_2_n_back.gif,deluxe-tabs.files/style04_2_s_back.gif,deluxe-tabs.files/style04_2_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_2_n_left.gif,deluxe-tabs.files/style04_2_s_left.gif,deluxe-tabs.files/style04_2_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_2_n_right.gif,deluxe-tabs.files/style04_2_s_right.gif,deluxe-tabs.files/style04_2_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_3_n_back.gif,deluxe-tabs.files/style04_3_s_back.gif,deluxe-tabs.files/style04_3_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_3_n_left.gif,deluxe-tabs.files/style04_3_s_left.gif,deluxe-tabs.files/style04_3_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_3_n_right.gif,deluxe-tabs.files/style04_3_s_right.gif,deluxe-tabs.files/style04_3_s_right.gif"],
];

var bmenuItems = [

["Item 1","", "", "", "", "", "0", "", "", ], //style1
["Item 2","", "", "", "", "", "1", "", "", ], //style2
["Item 3","", "", "", "", "", "2", "", "", ], //style3
];

Return to Recent Questions

Related:

Sep 24, 2006 - If there is a way of establishing the width at "runtime" in the javascript dynamic menu?
Sep 26, 2006 - Why is the submenu has a different colour than menu items in the javascript menu bar?
Oct 01, 2006 - All of the items in html pull down menu are different sizes.
Oct 13, 2006 - Under the menu images there is a gray line that makes it look broken.
Nov 14, 2006 - Can dhtml menu script work with tables ?
Nov 20, 2006 - I've tried to add the pathPrefix_img but I'm still having trouble with images in jump menu.
Nov 20, 2006 - We need to have 2 javascript hover menu on one page.
Nov 29, 2006 - Why the background images disappear for a while after hovering over html menubar?
Dec 24, 2006 - How to get side menu items to swap images to use like a traditional image rollover.
Jan 01, 2007 - Does your vertical slide menu compatible with Namo WebEditor 2007?
Jan 06, 2007 - Do I need to replace all the files and script in all the web pages with hover menu...?

15 Recommended Website Makers Arranged by Level Of Popularity Fresh CSS Bootstrap Carousel Video Players and Nav Menu Demos \| 30 Killer Free Bootstrap Image Carousel and Gallery Scripts \| Responsive Website Maker \| 36 Top Eye-catching and Free AMP Elements Templates for 2021 \| Mobile-friendly Page Maker \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	AI Website Generator \| AI Website Builder \| AI Website Maker \| Website Generator AI \| AI website design generator