我最近一直在重新设计我的WP产品组合网站,并且一直在使用一个美观的小巧jQuery插件BlackAndWhite,它将我的图库视图中的所有图像变成黑白,并使它们在悬停时使用HTML5画布重新着色。

我注意到该插件的一个错误是,如果该插件在图像加载完成之前运行,则有时只能将图像的一半灰度化。因此,我一直使用另一个小插件仅在确定图像已完成加载后才运行脚本。见waitforimages.js

初始化脚本如下:

jQuery(document).ready(function(){
    jQuery('.bwWrapper').waitForImages(function(){
        jQuery(this).BlackAndWhite({
            hoverEffect : true // default true
        });
    });
});


其中bwWrapper是每个img的包装器。

现在,这在到目前为止我测试过的大多数计算机和浏览器上都非常有效。一切都按应有的方式进行。但是,当我在android上打开网站时,我注意到只有50%的图像会重新着色。当我刷新页面时,再次只有50%变为黑白,尽管每次都不同。使站点对移动设备完全响应仍然是我的待办事项,但是我注意到这很公然,但很难解释错误。

知道是什么原因造成的吗?

最佳答案

您不需要预加载图像,因为带电的插件可以完成。尝试在github https://github.com/GianlucaGuarini/jQuery.BlackAndWhite上下载脚本的最新版本,如果仍然有问题,请给我发送带有链接的私人邮件,以便我检查可能是问题所在。

09-26 01:23