jQuery Forum

Hey All,

I need some help. I'm a relative n00b to jQuery, and have tried various different fixes and none have worked. I don't know what else to do!

I have the Coda-Slider (http://www.ndoherty.biz/2007/09/introducing-coda-slider/) and the Lightbox (http://leandrovieira.com/projects/jquery/lightbox/) plugins being called on the same page. I can get either one to work, but not both. By removing the calling of jquery.easing.1.3.js from my header, Lightbox will work and the Coda-Slider loads but no animation.

The jQuery Lightbox plugin has a section:

1. (function($){$.fn.lightBox=function(settings){settings=jQuery.extend({overlayBgColor:'#000',overlayOpacity:0.8,fixedNavigation:false,imageLoading:'images/lightbox-ico-loading.gif',imageBtnPrev:'images/lightbox-btn-prev.gif',imageBtnNext:'images/lightbox-btn-next.gif',imageBtnClose:'images/lightbox-btn-close.gif',imageBlank:'images/lightbox-blank.gif',containerBorderSize:10,containerResizeSpeed:400,txtImage:'Image',txtOf:'of',keyToClose:'c',keyToPrev:'p',keyToNext:'n',imageArray:[],activeImage:0},settings);var jQueryMatchedObj=this;function _initialize(){_start(this,jQueryMatchedObj);return false;}
   function _start(objClicked,jQueryMatchedObj)

Which I suspect is conflicting with the jQuery Easing plugin:

1. jQuery.extend( jQuery.easing,
   {
       def: 'easeOutQuad',
       swing: function (x, t, b, c, d) {
           //alert(jQuery.easing.default);
           return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
       },
       easeInOutExpo: function (x, t, b, c, d) {
           if (t==0) return b;
           if (t==d) return b+c;
           if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
           return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
       }
   });

I believe the problem is the Easing jQuery.extend overrides the Lightbox jQuery.extend.

How can I bring an end to this destructive conflict? :o)