Question

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

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

初始化脚本如下：

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

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

现在，这对我迄今为止测试的大多数计算机和浏览器都非常有效。一切都按照应有的方式运作。然而，当我在我的机器人上打开网站时，我注意到只有50％的图像重新着色。当我刷新页面时，再次只有50％变为黑白，尽管每次都是不同的。使网站完全响应移动仍然在我的待办事项清单上，但我注意到这个相当明显但难以解释的错误。

知道可能导致这种情况的原因吗？

Answer 1

您无需预先加载图像，因为插件可以执行此操作。尝试在github https://github.com/GianlucaGuarini/jQuery.BlackAndWhite上下载该脚本的最新版本，如果仍有问题，请发送一封带有链接的私人邮件，以便我查看可能存在的问题。

jQuery.BlackAndWhite.js在移动设备上不稳定？

1 个答案: