Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将我的脚本应用于通过无限滚动加载的图像?_Javascript_Jquery_Html_Css_Tumblr - Fatal编程技术网

Javascript 如何将我的脚本应用于通过无限滚动加载的图像?

Javascript 如何将我的脚本应用于通过无限滚动加载的图像?,javascript,jquery,html,css,tumblr,Javascript,Jquery,Html,Css,Tumblr,在我的博客中,我编写了一个脚本来查看图像的大小,如果它比默认的容器大小更大,它就会计算出需要多少负边距才能将其与其他内容居中 这很好,但我有图像通过无限卷轴加载,它们不是由我的脚本操纵的 我的无限卷轴: 我看了一下这个,但有点超出了我的js新手的理解:(在你正在使用的infite scroll的缩小脚本上运行了一个后,我可以在日语中找到。在这个脚本上运行Google Translate,从我所看到的,你应该能够在调用SendRequest()时传递一个回调函数作为第一个参数)method,我相信

在我的博客中,我编写了一个脚本来查看图像的大小,如果它比默认的容器大小更大,它就会计算出需要多少负边距才能将其与其他内容居中

这很好,但我有图像通过无限卷轴加载,它们不是由我的脚本操纵的

我的无限卷轴:

我看了一下这个,但有点超出了我的js新手的理解:(

在你正在使用的infite scroll的缩小脚本上运行了一个后,我可以在日语中找到。在这个脚本上运行Google Translate,从我所看到的,你应该能够在调用
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();