jQuery Lightbox & Coda-Slider Conflict

jQuery Lightbox & Coda-Slider Conflict

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:
Copy code
  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:
Copy code
  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)