Problem in using 2 javascript in a page

linda-duxbury

Jul 6th 2008, 1:19 am

Hi,

I want to use 2 ajax script in a page: 1-lbox, 2-moosocialize
but when I put these code in head none of them work:

<HEAD>

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

<script language="javascript" type="text/ecmascript" src="/ajax/moosocialize/js/mootools.js"></script>
<script language="javascript" type="text/ecmascript" src="/ajax/moosocialize/js/mooSocialize.js"></script>
<link href="/ajax/moosocialize/css/socializer.css" rel="stylesheet" type="text/css" />

</HEAD>
<BODY>

<a href="/images/image_big.gif" rel="lightbox">
<img src="/images/image.gif"></a>

<img src="/ajax/moosocialize/my_socializer.gif" class="socializer" title="Website Test" alt="http://www.artviper.com" />

</BODY>

When I delete one of them in head the other one works.

Scripts:
http://www.artviper.net/moosocialize.php
http://huddletogether.com/projects/lightbox2

Is it possible to use both of them in a page?

Many thanks.