I have used two light boxes one for photogallery [lightbox2.03a] and next one for video [videobox_1.1]. The photogallery works fine but when I click on the video link it shows the following error:
styles.match(/opacity:\s*(\d?\.?\d*)/) is null
[break on this error] element.setOpacity(styles.matc...acity:\s*(\d?\.?\d*)/)[1]) : element; prototype.js (line 1916)
And it also show a close icon at the bottom of the page, automatically.
The js files I have included in video gallery are
<!-- video gallery -->
<script type="text/javascript" src="js/video/mootools.js"></script>
<script type="text/javascript" src="js/video/swfobject.js"></script>
<script type="text/javascript" src="js/video/videobox.js"></script>
<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />
<!-- video gallery end -->
And for photo gallery :
<!-- jquery for image display begins -->
<script type="text/javascript" src="js/gallery/prototype.js"></script>
<script type="text/javascript" src="js/gallery/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/gallery/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<!-- jquery for image display ends -->
If i remove any one link file such as '<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />' form the video page the close button disappears.
Can any one help me?
