<script type="text/javascript">
jQuery(document).ready(function(){
setTimeout(function(){
    jQuery('.my-image').each(function(){
        jQuery(this).greyScale({
            fadeTime: 200,
            reverse: false
        });
        $(this).animate({ 'opacity' : 1 }, 1000);
        $(this).load(function(){
            jQuery(this).greyScale({
                fadeTime: 200,
                reverse: false
            });
            $(this).animate({ 'opacity' : 1 }, 1000);
        });
    });
}, 200);
});
</script>

В приведенном выше примере я использую функцию greyScale (), которая дублирует изображение на холст и сохраняет обе версии (серый = по умолчанию, цвет = при наведении).

Он работает нормально в 99% случаев, НО при первом запуске браузера иногда не удается загрузить 1 изображение, 2 изображения или что-то в этом роде. Это как "загрузка" и «нормальное событие»; не удалось работать.

Может ли кто-нибудь подтвердить, правильно ли я делаю это? Я пытаюсь загрузить это событие, если изображение уже там или если его там нет, тогда есть альтернатива "load ()" чтобы гарантировать, что это выполнится, как только это загрузится. По логике это кажется хорошим решением.