Here in your source code:
Code:
<script type="text/javascript" src="../js/effects.js"></script>
<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>
Get rid of the highlighted line. The effects script is loaded by scriptaculous anyway and cannot be loaded without error until prototype has loaded. If you look at the demo page, you will see:
Step 1: Insert the below code in the HEAD section of your page:
Code:
<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" />
It has no separate script tag for effects as your page does.
Bookmarks