0

我正在建立我的投资组合网站（看看这里...）

http://www.tripleagent.co.uk/projects.html

我正在使用带有 jquery.cycle.all.js 的 Jquery。我在多年前的作品中添加了大约 200 张幻灯片，并使用 fitvid.js 添加了一些 vimeo 视频（它会调整视频大小以适应响应式设计）。我的问题是工作站计算机（i7 ivy bridge 和 chrome）上的页面速度很慢，并且在 ipad、android 和 iphone 上崩溃。我是 jscript 和 html5 的新手，所以我不确定出了什么问题。

以我有限的经验，我相信它的内存不足或者速度较慢的机器无法同时处理淡入淡出动画。我使用幻灯片的典型设置

$("#slideshow").cycle({
    fx:'fade,',
    speed: 1000,
    slideExpr:'.slide',
    slideResize: 0,
    timeout:        7000,
    pause: 1,
    //sync: true,
    autostop: false,
    pager: '#nav',
    next: '#slideshow',
    pagerEvent: 'mouseover',
    fastOnEvent: true ,         
    pagerAnchorBuilder: function(idx, slide) 
    {return '<li><a href="#"><img src="'+slide.src + '"/></a></li>';
    },   
    after:   captionsAlt ,
    });

我应该怎么办 ？我可以将页面分成两部分，它可能会起作用，但我认为必须有一种方法来优化页面。有什么建议么？首先是否有任何错误、错误或糟糕的设计理念？

4

1 回答 1

0

我问这个问题已经有几个月了。

我升级到最新的 jquery 1.9.1，cycle.all 3.0.4 我只是注意到 Safari、IE9 和 mozilla 不再有太大问题了。这些视频在 android 4.1+ 和 IOS 中播放良好，但仍然有点重，并且在 vimeo 播放器顶部的触摸和滚动方面存在一些问题。但我已经在 vimeo 论坛上问过了。

于 2013-05-06T22:32:29.270 回答