styles.match(/opacity:\s*(\d?\.?\d*)/) is null

[humble]

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?

[Nabeel]

Hey,

You have to use one which is made for jquery. Those are prototype/mootools, which aren't compatible with jquery