Hi all,

  I am just reskinned my site using the default DarkKnight skin. I have made a few layout changes but on the whole are happy with the way things are going. This was until I noticed some Javascript is killing my site. I am using DNN 07.00.02 (1) and the javascript I am using is a light box script:


<script type="text/javascript" src="http://www.loreofmythos2.com/portals/0/includes/prototype.js"></script>
    <script type="text/javascript" src="http://www.loreofmythos2.com/portals/0/includes/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="http://www.loreofmythos2.com/portals/0/includes/lightbox.js"></script>
    <link rel="stylesheet" href="http://www.loreofmythos2.com/Portals/0/css/lightbox.css" type="text/css" media="screen" />


[a href="http://www.loreofmythos2.com/portals/0/Images/Controls/GW2_Key_Sheet_Large.jpg" rel="lightbox[Controls]"> [img alt="" src="http://www.loreofmythos2.com/portals/0/Images/Controls/GW2_Key_Sheet_Small.jpg" />

(I changed the < to a [ as I couldn't stop the images from rendering)

The JavaScript does work perfectly I put the top piece of code in teh HEAD section of the HTML module and the rest in the contact of the module (rendered as both HTML and RAW)

The problem I have is that the ribbon bar at the top stops working and the menu links on my site stop working. For an example please look at the page: http://www.loreofmythos2.com/Game/Professions/Elementalist.aspx  The JavaScript images are on the right hand side. You will see none of the menu links at the top work. However for example go to here: http://www.loreofmythos2.com/Game/DynamicEvents.aspx  and all is good.

Please can someone help me as I need the Javascript to work as the lightbox I use is very useful.
Thanks

I would suggest that you look at using a jQuery based lightbox - scriptaculous is known to have conflicts with jQuery.  And DNN as such uses jQuery extensively for its native UI.  

Both jQuery and scriptaculous use $() as their shortcut macro - so what would be happen on your site is that all the dnn ui calls that use $() would wind up calling scriptaculous instead of jquery.

All of the lightbox jquery plugins here should work with DNN - http://www.designyourway.net/blog/resources/30-efficient-jquery-lightbox-plugins/