私はJavascriptが初めてで、noobSlide(mootools)と呼ばれるSliderを使用しようとしましたが、1回成功した後、2回目の試行で壊れていることがわかりました。
このコード行を参照して、「Uncaught TypeError: undefined is not a function」というエラーが表示されます。
var thumbsFx = new Fx.Style(thumbs_mask7,'left',fxOptions7);
Mootools と Slider スクリプトに必要なすべてのライブラリをページの先頭に含め、HTML をくまなく調べましたが、解決策が見つかりません。Mootools ライブラリを指しているように見えますが、私が言ったように、別の例を使用してすでに成功しているので、それが正しくないことはわかっています。
それが役立つ場合は、Slider のすべてのサンプルを格納しているページを次に示します (#7 を使用しようとしていて、既に #3 を使用しています)。
http://www.efectorelalativo.net/laboratory/noobSlide/
誰かが問題の原因がどこにあるのかを見ることができれば、私はあなたの目を本当に感謝します:)
ありがとう、
ジュリアナ
<script type="text/javascript">
window.addEvent('domready',function(){
//SAMPLE 7
var startItem = 0; //or 0 or any
var thumbs_mask7 = $('thumbs_mask7').setStyle('left',(startItem*60-568)+'px').setOpacity(0.8);
var fxOptions7 = {duration:1000, transition:Fx.Transitions.Back.easeOut, wait:false};
var thumbsFx = new Fx.Style(thumbs_mask7,'left',fxOptions7);
var hs7 = new noobSlide({
box: $('box7'),
items: [0,1,2,3,4,5,6,7],
handles: $ES('span','thumbs_handles7'),
fxOptions: fxOptions7,
onWalk: function(currentItem){
thumbsFx.start(currentItem*60-568);
},
startItem: startItem
});
hs7.walk(0);
});
</script>