Website Gallery - Lytebox or Lightbox?
Here's what I have:
In the <head> tag
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox.js"></script>
<link rel="stylesheet" href="CSS/lightbox.css" type="text/css" media="screen" />
Then using it within a <map> and <area> tag:
<area shape="rect" coords="4,471,131,567" href="My.jpg" rel="lytebox" title="My Title"/>
The .js files are in the root and the .css file is in a css sub directory. The Lightbox image files are in an image sub directory.
As mentioned it works fine with IE but the screen dims but the image never opens with Mozilla.
In the <head> tag
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox.js"></script>
<link rel="stylesheet" href="CSS/lightbox.css" type="text/css" media="screen" />
Then using it within a <map> and <area> tag:
<area shape="rect" coords="4,471,131,567" href="My.jpg" rel="lytebox" title="My Title"/>
The .js files are in the root and the .css file is in a css sub directory. The Lightbox image files are in an image sub directory.
As mentioned it works fine with IE but the screen dims but the image never opens with Mozilla.
Nibbo
Active Member
I assume you mean rel='lightbox'; also the href should include the sub directory.
If still no joy could you post the URL (or PM it to me) and I will have a look first thing tomorrow for you.
If still no joy could you post the URL (or PM it to me) and I will have a look first thing tomorrow for you.
MercFanUk
MB Enthusiast
Phatfusion make a great lighbox (all browsers IIRC), but they also do one called multibox - which will also show videos, other pages etc etc.
I've used the multi box system a lot, and really like it
phatfusion
I've used the multi box system a lot, and really like it
phatfusion
Yes - sorry. Using both at once as a test.
As mentioned it works with IE, so no issue with sub directories etc. Just wondered what the problem is with Mozilla?
It turns out Lightbox, Lytebox, Slimbox etc default to working with anchor tags and therefore not compatible with image maps. You can edit the .js file to enable this by changing 'a' to 'area':
var anchors = (this.isFrame) ? window.parent.frames[window.name].document.getElementsByTagName('area') : document.getElementsByTagName('area');
var anchors = (this.isFrame) ? window.parent.frames[window.name].document.getElementsByTagName('area') : document.getElementsByTagName('area');
