自定义jquery幻灯片显示的错误

时间:2014-04-15 21:05:46

标签: jquery html slideshow

我一直在努力尝试使用Barrel指南从头开始创建自定义幻灯片#34;从Scratch构建一个jQuery幻灯片插件"在这里找到:http://www.barrelny.com/blog/building-a-jquery-slideshow-plugin-from-scratch/。我一直在逐步完成,但决定将最终结果复制并粘贴到fader.js中。早期的非优化代码工作正常。

我遇到问题的页面位于:http://dataglyph.com/slidetest/

FireBug中显示的错误是:

SyntaxError: missing formal parameter function animateSlides(active, new){ 

(箭头指向" new")

fader.js (line 49, col 35)

指向文件中的以下代码块:

function animateSlides(active, new){
    if(fading || activeNdx == newNdx){
        return false;
    };
    fading = true;
    $pagers.removeClass('active').eq(newSlide).addClass('active');
    $slides.eq(active).css('z-index', 3);
    $slides.eq(new).css({
        'z-index': 2,
        'opacity': 1
    });

,另一个错误是:

ReferenceError: easyFader is not defined easyFader($('#Fader'),5000,800); /slidetest/ (line 15)

指向幻灯片在我的索引页面上实例化的位置:

<script>
$(function(){
easyFader($('#Fader'),5000,800);
});
</script>

有人可以告诉我为什么会出现这些错误吗?

1 个答案:

答案 0 :(得分:0)

是的,事实证明new应该是newNdx,但除此之外还有其他问题。我应该在本教程末尾使用codepen,该代码已被证明有效。