1

私は最近、WP ポートフォリオの Web サイトを再設計しており、ギャラリー ビューのすべての画像を白黒にし、ホバー時に HTML5 キャンバスを使用して色を変更する、きちんとした小さな美しい jQuery プラグインBlackAndWhiteで遊んでいます。

プラグインのバグの 1 つに気付きました。画像の読み込みが完了する前にプラグインを実行すると、画像の半分しかグレースケールにならないことがあります。そのため、別の小さなプラグインを使用して、画像の読み込みが完了したことを確認してからスクリプトを実行しています。waitforimages.jsを参照してください

初期化スクリプトは次のとおりです。

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

bwWrapper は各 img のラッパーです。

これは、これまでにテストしたほとんどのコンピューターとブラウザーで非常にうまく機能します。すべてが正常に機能します。しかし、Android でサイトを開いたとき、画像の 50% しか色が変わっていないことに気付きました。ページを更新すると、毎回異なりますが、白黒になるのは 50% だけです。サイトを完全にモバイルに対応させることは、まだやることリストの中にありますが、このかなり露骨で説明が難しいバグに気付きました。

何がこれを引き起こしているのでしょうか？

4

1 に答える 1

0

プラグインが既に実行しているため、イメージをプリロードする必要はありません。スクリプトの最新バージョンを github https://github.com/GianlucaGuarini/jQuery.BlackAndWhiteからダウンロードしてみてください。それでも問題が解決しない場合は、問題の原因を確認できるように、リンクを記載したプライベート メールを送ってください。

于 2012-05-07T17:23:36.410 に答える