Lightbox Newbie Tripped By Image Map

[Digital Doctor]

1) Script Title: Lightbox 2.03

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem: Can't get Lightbox to work, with (Dreamweaver created) image map. URL: http://www.rafikicai.com

I'd read through various forum posts, and attempted some trouble shooting:

a) location of css file b) (a) -> (*) in lightbox.js

-------------------

I'm sure I'm not aware of something rather simple, but when you don't know something simplicity doesn't matter.

Thanks, in advance, for helping hands.

[jscheuer1]

Looks OK, except for (from your page's source code):


<link rel="icon" href="http://www.rafikicai.com/favicon.gif" type="image/gif">
<title>The Digital Doctor</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">

<style type="text/css">
<link rel="stylesheet" href="http://www.rafikicai.com/css/lightbox.css" type="text/css" media="screen" />
html,body{margin:0;padding:0;background-color: #6699FF;}
body{font: 100% a . . .

You can't put that (highlighted) stylesheet link there (inside an existing style section - red) and expect for it to get used. Try it like so:


<link rel="icon" href="http://www.rafikicai.com/favicon.gif" type="image/gif">
<title>The Digital Doctor</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<link rel="stylesheet" href="http://www.rafikicai.com/css/lightbox.css" type="text/css" media="screen" />

<style type="text/css">
html,body{margin:0;padding:0;background-color: #6699FF;}
body{font: 100% a . . .

That's probably the only major problem. There could be others though.