Can someone give me directions how to include a lightbox in a webpage?
I put a Javascript component with following details on the webpage.
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
Also I added additional the following HTML code to an image which has a hyperlink set:
rel="lightbox" title="my caption"
However when I click on the image the image is shown in a new window instead of the lightbox.
Hm, don't have experience with lightbox unfortunately.
But from their website:
It doesn't work at all. The image opens up in a new window.
This is commonly caused by a conflict between JS scripts. Check your body tag and look for an attribute. Example:
<body ="MM_preloadImages(‘/images/menu_on.gif’)…;">
A quick fix to this problem is to append the initLightbox() to the attribute as so:
<body ="MM_preloadImages(‘/images/menu_on.gif’)…;initLightbox()">
){kind=link}