我使用的是我在这里找到的jQuery插件:http://tutorialzine.com/2011/03/photography-portfolio-shutter-effect/,除了我稍微改了一下.
它仍然以它应该的方式完美地工作,但我添加了一个下一个按钮,用户cna用它来跳到下一个图像,然后它暂停一个循环的间隔,以便不改变下一个图片很快.
但是,我的问题在于一个明显的按钮.我不知道该怎么做,所以我添加了一个变量
var positionInt
Run Code Online (Sandbox Code Playgroud)
这是最后一个列表项的位置,所以我知道我在列表中的位置.
如何将此项与此行创建的li对象一起使用:
var container = $('#container'),
li = container.find('li');
Run Code Online (Sandbox Code Playgroud)
打开正确的李项目?
另外,如何找到li对象的长度?我试过li.size(),li.count()和li.length,但都没有.
或者是否有一种方法只使用.find()方法在当前可见的项目之前打开li项目?这是怎么回事它原来去前进:
li.filter(':visible:first').hide(); // Hid the only visible li
if(li.filter(':visible').length == 0){
li.show(); // if nothing is visible load a li (Im not really sure what this is pointing at, but it loads the next li)
}
Run Code Online (Sandbox Code Playgroud)
干杯
我正在寻找使用LazyLoad技术的图像和无限滚动将新内容加载到我的页面.这两件事都利用$(window).scrollTop()了Facebook画布应用程序内部不起作用的功能.我知道我可以FB.Canvas.getPageInfo()用来获取当前的scrollTop值但是我遇到了一些性能问题,我的代码如下:
var oldScroll = 0; // current scroll
var newScroll = null; // new scroll (fetched from FB.Canvas)
// Override the normal function to work within fb
// !!This seems to kill the browser
$.fn.scrollTop = function() {
return FB.Canvas.getPageInfo().scrollTop;
};
// poll to check for any changes in scroll
setInterval(function() {
newScroll = FB.Canvas.getPageInfo().scrollTop;
if(oldScroll != newScroll) { // have we scrolled at all?
oldScroll = newScroll;
$(window).trigger($.Event('scroll')); // fire a scroll event to keep …Run Code Online (Sandbox Code Playgroud)