IE7 изображение загружается, когда оно не должно

Question

Я создаю сайт, и одна из моих страниц вызывает некоторую проблему в IE7. Вы можете просмотреть сайт здесь: www.vitaminjdesign.com / contact.html

Я написал скрипт jquery, который в основном загружает изображение успеха, если в полях контакта есть запись, и значок ошибки, когда они пусты. Он отлично работает во всех браузерах, но в IE7 загружается заполнитель изображения. Он не исчезает, пока один из значков не будет загружен. Просто просмотрите страницу в IE7, и вы поймете, о чем я.

Я уверен, что есть исправление только для CSS, но как мне удалить эти изображения-заполнители в IE7?

Вот мой jquery:

$(function(){
    $(':text,:textarea').bind('change, blur',function(){
        $(this).next('img').attr('src',this.value ? 'success.png' : 'fail.png');
    });
});

Answer 1

Вы можете установить для них display:none для начала, а затем добавить $.show(); в конец цепочки в событии связывания.

<img id="myIcon" style="display:none" />

-

$(":text,:textarea").bind("change, blur", function(){
  $(this).next("img").attr("src",(this.value ? "success.png":"fail.png")).show();
});

Answer 2

Дайте изображениям изображение-заполнитель.

<img id="myIcon" src="path/to/placeholder.png" />