Question

编辑：我运行了脚本，但是在页面加载后5或10秒才运行？我用过after：在循环脚本里面并调用了tinyCarousel函数。是否可以在循环功能找出有多少元素后运行脚本，但在每张幻灯片必须下载图像之前？谢谢！

我正在使用循环运行一个简单的幻灯片，它将缩略图输出为寻呼机。我用tinyCarousel在缩略图上设置了旋转木马。

该函数在firefox中完美运行，但不会将宽度应用于chrome中的.overview。每隔一段时间，代码就会在chrome中运行，但是刷新后会崩溃。我对代码失败的地方感到难过。

只有第一个缩略图出现在chrome中。运行$（'＃thumbs'）。tinycarousel（）;在Chrome的控制台中运行脚本，所以出于某种原因它似乎根本不运行tinyCarousel？

任何想法都将不胜感激！

我已经设置了一个基本测试，你可以在这里查看：

http://concepts.richyobrien.com/gallery/

在原地：

http://www.concepts.miscstudio.com.au/cakemyers/gallery/cupcakes/

我的脚本如下：

$(document).ready(function() {
    $('#slideshow .slides').cycle({
        fx:'fade',
        prev:'#prev',
        next:'#next',
        pager:'ul.overview', 

        // callback fn that creates a thumbnail to use as pager anchor 
        pagerAnchorBuilder: function(idx, slide) { 

            var new_src = slide.src.substring(0,slide.src.length-4);                
            new_src += "-320x174";
            new_src += slide.src.substring(slide.src.length-4,slide.src.length);

            return '<li class="thumb"><a href="#"><img src="' + new_src + '" width="320" height="174" /></a></li>'; 
        },  
        after: (function() {
            $('#thumbs').tinycarousel();    
        })      
    }); 

});

干杯，

富

初始化循环后未运行的功能

0 个答案: