0

私は現在、magneto を初めて使用しており、ホームページ専用のスライドショーを作成しようとしています。私のコードはソース コードとブラウザーのデバッガーに表示されますが、すべての関数が未定義と表示されます。

私は自分の JavaScript を CMS のページ コンテンツに通そうとしましたが、レイアウト更新 XML を使用して外部的にも通そうとしました。

<reference name="head">

<action method="addItem">
<type>skin_js</type><script>Homepage.js</script>
</action>
</reference>

Homepage.js の私の JavaScript コードは

var ImgNumber = 5; // the number of slides, all slides should be be named "slide" + the dedicated slide number. etc slide1, slide2, slide3, and they should be in jpg.
var CurrentSlide = 1; //the starting slide. 
var slidewidth = 983 * ImgNumber;
slidewidth = slidewidth+"px"; 
var SlideTimer;
$('#jsSlideimageholder').css('width', slidewidth);


ChangeHomeShow();


function ChangeHomeShow(){
if(CurrentSlide == ImgNumber){
CurrentSlide = 1;
}

//To great the move. 
Var MinusOurSlideNumber = CurrentSlide - 1;
var tmpSlideNumber  = MinusOurSlideNumber * 983; //will come 0 if 1

//now for the animation. 

$('#HomepagejsSlideshow').animate({
position: 'relative',
left: tmpSlideNumber,
}, 2000);

}
function StartTimer(){
//SlideTimer = setInterval(functrion() {ChangeHomeShow()}, 8000);
alert('hate magento');
}

function StopTimer(){
clearInterval(SlideTimer);
}

クロムからの私の与えられたエラーは ChangeHomeShow() is not defined です。StartTimer() と StopTimer() についても同様です。

何かアドバイス？

それは有り難いです。

4

1 に答える 1

0

これを変える

ChangeHomeShow();

function ChangeHomeShow(){
    if(CurrentSlide == ImgNumber){
    CurrentSlide = 1;
}

に

function ChangeHomeShow(){
    if(CurrentSlide == ImgNumber){
    CurrentSlide = 1;
}


ChangeHomeShow();

関数を呼び出す前に、すべての関数を定義する必要があります (または、http://api.jquery.com/ready/を使用できます) 。

于 2013-02-27T15:23:26.983 に答える