JQuery图库在JSFiddle中工作但不在网站上工作

Question

  

可能重复：
  JQuery image gallery non functional fade effects

我已经构建了一个CSS3图像库，当没有找到CSS时，它默认为标准的JQuery库。这个JQuery画廊不起作用。

CSS库是通过使用JQUery添加和删除类以及对这些类的过渡效果来管理的。

我认为JQuery应该与UI功能相同，以便为add remove类设置动画。它不是。它的跳跃并且在很多时候都没有动画。

CSS类控制varius div的不透明度。代码如下，但我建议在不支持CSS3的浏览器中查看示例页面以查看是否出错。 http://www.golfbrowser.com/courses/wentworth-east/

如果有人能在疯狂之前解决这个问题，我将非常感激。

var timerp = null;
        var nextslide;


        if(!Modernizr.csstransitions) {
            $('.thumbs').click(function() {
        if (timerp) {
            window.clearInterval(timerp);
        }
        $('.cornerimgfocus').removeClass('cornerimgfocus',2000);
        $('#P' + $(this).attr('id')).addClass('cornerimgfocus',2000);   gallery() 
    });
        function gallery() {
            timerp = window.setInterval(function() {
                var islide = $('.cornerimgfocus');
                islide.removeClass('cornerimgfocus',2000);

                if (islide[0] == $('.cornerimg:last')[0]) {
                    nextslide =  $('.cornerimg').first();
                } else {
                    nextslide = islide.next();
                };
                nextslide.addClass('cornerimgfocus',2000);
            }, 6000);
        }
}