個別では動く、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)}});
です。
マヌケな質問かもしれませんが、参考になるページだけでも教えて頂けると凄く嬉しいです。
お礼
大変勉強になりました。チェックのほうが正しいのですね。おういう違いはよくわからないので、 訂正していただき大変助かりました。