View Full Version : Lightbox opens in new window no buttons or effects

03-10-2009, 10:52 PM
1) Script Title: Lightbox image viewer V2.04

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

3) Describe problem: when I click on the link in front page the enlarged image opens in windows fax viewer, if i use preview in browser IE7 it opens in the top left of a new window with no buttons to close.

I have unzipped the files to a folder called light at the same level as the page.html.

File structure

Cartmel-images/light (contains all unzipped files)

I have made no changes to any other files.

At present this is in a simple form as I am having trouble getting it to work, and need it working prior to complete my web.

HTML in page


<script type="text/javascript" src="/light/js/prototype.js"></script>
<script type="text/javascript" src="/light/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="/light/js/lightbox.js"></script>
<link rel="stylesheet" href="/light/css/lightbox.css" type="text/css" media="screen" />



<p align="left"><a href="light/images/castle.jpg" rel="lightbox" title="Spring">
<img border="0" src="light/images/thumb-1.jpg" width="100" height="101"></a>
<a href="light/images/trial.jpg" rel="lightbox" title="Horses" >
<img border="0" src="light/images/mycat.jpg" width="100" height="70"></a>



Please help this has been doing my head in for days.

03-11-2009, 03:17 AM
have you tried it online? Lightbox won't work from within FrontPage. "Preview in browser" won't cut it.

03-11-2009, 08:00 AM
Yes tried it on web and got the same problem.

03-11-2009, 01:41 PM
Sounds like either a conflict with another script, or one or more of the resource files is not where your setup has led the page to look for it.

Please post a link to the page on your site that contains the problematic code so we can check it out.

03-11-2009, 09:36 PM
Thanks, I have manged to get lightbox working.

Is it possible to get the next and prev buttons to appear next to the close button on the bottom of the image.