我目前是第一次使用磁电机,我正在尝试专门为主页制作幻灯片。我的代码显示在源代码和我的浏览器调试器中,但所有功能都显示为未定义。
我尝试将我的 JavaScript 放在 CMS 上的页面内容中,并在外部使用 Layout Update 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);
}
我给定的 chrome 错误是 ChangeHomeShow() 未定义。StartTimer() 和 StopTimer() 也是如此。
有什么建议吗?
我很感激。