個別では動く、javascriptのエラー

質問

こちらで良いのか悩みましたが.....

blogやHPを作った事があるというだけで、webshopの作りを友人にお願いされた初心者です。

更新履歴用にFeed2JS、商品画像を表示する為にmootools、lightbox2をお借りして
設置までは何とか行う事が出来、個別ではちゃんと動いているのですが、同じページではどちらかが動かなくなってしまいました。

ブラウザにエラーコンソールを付けてみた所、mootoolsとrssにエラーがあると表示されていて、
どの行がエラーなのかは分かりましたが、情けない話ですが何がエラーなのかが分かりません。
javascriptは見よう見まねで設置しており、コードの書き換えなどは画像サイズを変更するぐらいがやっとです。

ネットや辞書で調べてみましたが、分からないまま弄ると余計におかしな事になり、怖くなってきました。

周りに詳しい人もおらず、困ってしまいましたので、検索でみつけたこちらでお伺いする事にした次第です。

エラー表示されるのは

$(document).ready(
function(){
$('.rss-items').innerfade({
animationtype: 'slide',
speed: 750,
timeout: 6000,
type: 'sequence',
containerheight: '1em'
});
$('ul#portfolio').innerfade({
speed: 1000,
timeout: 5000,
type: 'sequence',
containerheight: '220px'
});

$('.fade').innerfade({
speed: 1000,
timeout: 6000,
type: 'random_start',
containerheight: '1.5em'
});

$('.adi').innerfade({
speed: 'slow',
timeout: 5000,
type: 'random',
containerheight: '150px'
});
});

の3行目
$('.rss-items').innerfade({

長いので直接アドレスを貼ります
http://pretto.kilo.jp/cos-pretto/js/mootools-1.2-core.js

345行目

Fx.Slide=new Class({Extends:Fx,options:{mode:'vertical'},initialize:function(a,b){this.addEvent('complete',function(){this.open=(this.wrapper['offset'+this.layout.capitalize()]!=0);if(this.open&&Browser.Engine.webkit419)this.element.dispose().inject(this.wrapper)},true);this.element=this.subject=$(a);this.parent(b);var c=this.element.retrieve('wrapper');this.wrapper=c||new Element('div',{styles:$extend(this.element.getStyles('margin','position'),{'overflow':'hidden'})}).wraps(this.element);this.element.store('wrapper',this.wrapper).setStyle('margin',0);this.now=[];this.open=true},vertical:function(){this.margin='margin-top';this.layout='height';this.offset=this.element.offsetHeight},horizontal:function(){this.margin='margin-left';this.layout='width';this.offset=this.element.offsetWidth},set:function(a){this.element.setStyle(this.margin,a[0]);this.wrapper.setStyle(this.layout,a[1]);return this},compute:function(a,b,c){var d=[];var x=2;x.times(function(i){d[i]=Fx.compute(a[i],b[i],c)});return d},start:function(a,b){if(!this.check(arguments.callee,a,b))return this;this[b||this.options.mode]();var c=this.element.getStyle(this.margin).toInt();var d=this.wrapper.getStyle(this.layout).toInt();var e=[[c,d],[0,this.offset]];var f=[[c,d],[-this.offset,0]];var g;switch(a){case'in':g=e;break;case'out':g=f;break;case'toggle':g=(this.wrapper['offset'+this.layout.capitalize()]==0)?e:f}return this.parent(g[0],g[1])},slideIn:function(a){return this.start('in',a)},slideOut:function(a){return this.start('out',a)},hide:function(a){this[a||this.options.mode]();this.open=false;return this.set([-this.offset,0])},show:function(a){this[a||this.options.mode]();this.open=true;return this.set([0,this.offset])},toggle:function(a){return this.start('toggle',a)}});

です。

マヌケな質問かもしれませんが、参考になるページだけでも教えて頂けると凄く嬉しいです。

回答No.1

yyr446 · ベストアンサー

lightbox2はprottype.jsを使っています。
prottype.jsとmootools.jsはコンフリクトします。現状両方とも
使う方法は無いようです。片方をあきらめるしかないかと。
lightboxの代わりにshadowbox.jsを使えばよろしいかと。
（参考）
http://cramoty.blog83.fc2.com/blog-entry-93.html
http://www.shadowbox-js.com/index.html

お礼

yyr446 様

ご回答ありがとうございます。
設置方法が悪いものだとばかり思っておりましたので、大変助かりました。
お勧め頂いたshadowboxとてもカッコいいです。
他にも、jQueryを使うlightbox系スクリプトで、使い易そうなものも探してみます。

ありがとうございました。