Sorry for posting it in this forum but the site won't let me post to the skins forum.  Anyways here's the issue I'm having - I did a bit of searching but couldn't find an answer on this.

I'm trying to include a JQUERY plugin (Image Cycle Plugin - http://malsup.com/jquery/cycle/) on the layout.master.  It's going to be used on all the pages that inherit it. I know that JQuery works - I have a separate function that utilizes it and it works fine.  However when I try to run this plugin, I get the javascript error "Object doesn't support this property or method"  on the call below which is the same call as used in the example:

$('#myslides').cycle({
fx: 'fade',
speed: 5000,
timeout: 2000
});

I copied the code out of the layout into a simple HTML file and it works fine.  Also, I tried placing it into a content area and it did not work there either.  It seems like it's attempting to call the script  that function calls - threw an alert in it and the alert is being thrown up.  Any insight into this is greatly appreciated. 

Thanks

Jim

Thanks for the tip Joe on using a custom user control. I wrote a quick article on how to achieve this effect,  www.code.colostate.edu/jquery-in-mojoportal.aspx

Ok after further experimenting I managed to get this working by simply loading the script below the </form> tag in the layout.master, works perfect now. Is there any downside to doing it this way? (I also took a hint from another thread and used a div instead of an ID for the function)

Greetings

I have a custom control that loads jquery maphighlight and some other custom jquery stuff. However, when I place the control following the scriptloader (or anywhere else of that matter) it breaks the jquery on the page security settings. I get the following error:

o.easing[this.options.easing || (o.easing.swing ? "swing" : "linear")] is not a function

My control:

<%@ Control Language="C#" ClassName="jQueryLSCUserControl" %>
<script type="text/javascript" src="http://....../clientscript/jquery/jquery.maphighlight.min.js"></script>
<script type="text/javascript" src="http://....../clientscript/jQueryLSC.js"></script>
 

jQuery:

$(function() {
// map highligher
$('.buildingMap').maphilight();
});