Javascript 如何将我的脚本应用于通过无限滚动加载的图像?
在我的博客中,我编写了一个脚本来查看图像的大小,如果它比默认的容器大小更大,它就会计算出需要多少负边距才能将其与其他内容居中 这很好,但我有图像通过无限卷轴加载,它们不是由我的脚本操纵的 我的无限卷轴: 我看了一下这个,但有点超出了我的js新手的理解:(在你正在使用的infite scroll的缩小脚本上运行了一个后,我可以在日语中找到。在这个脚本上运行Google Translate,从我所看到的,你应该能够在调用Javascript 如何将我的脚本应用于通过无限滚动加载的图像?,javascript,jquery,html,css,tumblr,Javascript,Jquery,Html,Css,Tumblr,在我的博客中,我编写了一个脚本来查看图像的大小,如果它比默认的容器大小更大,它就会计算出需要多少负边距才能将其与其他内容居中 这很好,但我有图像通过无限卷轴加载,它们不是由我的脚本操纵的 我的无限卷轴: 我看了一下这个,但有点超出了我的js新手的理解:(在你正在使用的infite scroll的缩小脚本上运行了一个后,我可以在日语中找到。在这个脚本上运行Google Translate,从我所看到的,你应该能够在调用SendRequest()时传递一个回调函数作为第一个参数)method,我相信
SendRequest()时传递一个回调函数作为第一个参数)
method,我相信您需要无限滚动
在这种情况下,您应该能够将centerBigImages()
作为第一个参数传递:
SendRequest(centerBigImages, ...your other parameters);
更新:
再翻一翻,我找到了这个脚本的版本。不幸的是,代码注释是日文的,但我想你也可以在上面运行Google Translate来获取更多信息。我最近一直在玩弄这个想法,因为我刚刚开始为我的tumblr博客定制一些代码(使用无限滚动)我不确定DOMSubtreeModified现在或将来的支持情况如何,但我想我还是会发表一些大家感兴趣的文章
var triggerChange = function(event) {
//do stuff
monitorChanges();
};
var monitorChanges = function() {
//Notice the use of 'one' so modifications I make in doStuff does not also cause infinite loop
jQuery('#outer').one('DOMSubtreeModified', triggerChange);
}
monitorChanges();
最好的例子是fiddle:你的无限卷轴代码是什么样子的?它是否有一个在加载新内容时运行的回调?你可能需要在无限卷轴代码中添加
centerbiginages
作为回调。嗨,Christofer,它使用的是:@SeanThompson你有没有未发布版本的JavaScript,或它的一些文档?不,我一直在看,但似乎没有:(好的,有点过头了,但我会试试!谢谢你,克里斯托弗:)实际上,我只是通过以下操作来使用无限滚动脚本:@SeanThompson在这种情况下会很困难。为了提供回调,您必须在自己的服务器上托管脚本的副本,以便您可以修改它(以提供回调).问题是,要向您展示如何在没有未统一来源的情况下使用,有点困难。
var triggerChange = function(event) {
//do stuff
monitorChanges();
};
var monitorChanges = function() {
//Notice the use of 'one' so modifications I make in doStuff does not also cause infinite loop
jQuery('#outer').one('DOMSubtreeModified', triggerChange);
}
monitorChanges();