Javascript - HTML - изображение не работает в сафари

Question

Я добавил изображение загрузки, отлично работает в проводнике и хроме. но не работает с сафари Apple в Mac и iPhone. не может показать изображение

здесь код

<script type = "text/javascript"> 
    function pic1() 
    { 
     document.getElementById("img").src = "images/waitnew.gif"; 
    } 
</script> 

     <button id="btn_item_search" class="sear-btn" type="submit" onclick="pic1()" ><?php echo SEARCH_TEXT; ?></button> 

<img src = "" id = "img"/> 

спасибо за вашу помощь.

приветствует,

Answer 1

Установить ширину и высоту явно. Например, добавьте тег стиля с помощью html.

style="height:50px; width:50px;" 

Это сделает трюк. PS. Перейдите на соответствующую высоту, ширину.

Answer 2

Лучше, чтобы вы изменили идентификатор, чтобы избежать путаницы позже.

<img id = "image"/> 

Попробуйте это:

function pic1() 
{ 
    var img=document.getElementById("image"); 
    img.src=null; 
    img.src="images/waitnew.gif" 
}