So I'm learning a little HTML and I just attempted making a basic website from scratch and with lightbox:
http://corn.ghosthunterssrq.org/lightboxtest.html
However, for some reason when i click middle image (tulips.jpg) lightbox never loads it, though the other images work fine. I need to know if it works for you guys (I doubt it) and how I can fix it.
Here is the code for that page:
Code:
<html>
<head>
<link href="css/lightbox.css" rel="stylesheet" type= "text/css" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>
<body background="/web_background.jpg">
<p align="center"> </p>
<p align="center"><font color="#C0C0C0"><font size="6"><a href="http://corn.ghosthunterssrq.org/"><font style="BACKGROUND-COLOR: #808080">Home</font></a> <a href=
"http://corn.ghosthunterssrq.org/page2.html"><font style="BACKGROUND-COLOR: #808080">Page 2</font></a> <a href=
"http://corn.ghosthunterssrq.org/lightboxtest.html"><font style="BACKGROUND-COLOR: #808080">Images</font></a></font></font></p>
 
<p align="center">
<a href="http://corn.ghosthunterssrq.org/testimg/reactor%20w%20caustics.png" rel="lightbox[group]" title="Reactor with caustics"><img src="http://corn.ghosthunterssrq.org/testimg/reactor%20w%20caustics.png" width="320" height="240" /></a>
<a href="http://corn.ghosthunterssrq.org/testimg/Tulips.jpg/" rel="lightbox[group]" title="tulips"><img src="http://corn.ghosthunterssrq.org/testimg/Tulips.jpg" width="320" height="240" /></a>
<a href="http://corn.ghosthunterssrq.org/testimg/tweaks%20logon.jpg" rel="lightbox[group]"title=tweaks logon"><img src="http://corn.ghosthunterssrq.org/testimg/tweaks%20logon.jpg" width="320" height="240" /></a></p>
</body>
</html>
As far as I can tell nothing is wrong with the code, but it wont show up. Help please.
e: JUST KIDDING, DISREGARD THIS. I FIXED IT.
Bookmarks