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

jQuery.BlackAndWhite.js erratic on mobile?

本文关键字：不稳定 移动 BlackAndWhite js jQuery      更新时间：2023-09-26

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

我注意到该插件的一个错误是，如果它在图像完成加载之前运行，它有时只会灰度图像的一半。所以我一直在使用另一个小插件，只有在我确定图像已经加载完成后才运行脚本。请参阅等待图像.js

初始化脚本如下：

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

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

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

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

您不需要预加载图像，因为插件 aleady 可以做到这一点。尝试在 github https://github.com/GianlucaGuarini/jQuery.BlackAndWhite 上下载最新版本的脚本，如果您仍然遇到问题，请给我发送一封带有链接的私人邮件，以便我检查可能出现的问题。

相关文章：