изменить изображение с помощью javascript

Question

У меня есть изображение 'view more', когда я нажимаю на большее количество данных, я хочу, чтобы изменить изображение перед добавлением данных, я попытался найти несколько решений в Интернете, но nothig кажется работать. Вот мой код

<script language="Javascript"> 
    function openFromButton(lastLoadedIndex) { 
     lastLoadedIndex = (typeof(lastLoadedIndex)=='undefined') ? '' : lastLoadedIndex; 
    jQuery.get('liste_ti.asp?from_item='+ lastLoadedIndex +'&param='+(new     Date()).getTime(), function(data) { 
//alert(data); 

     jQuery("#liste").append(data); 

     }); 



     } 


    </script> 

и мой образ

<div class="lazyLoading"><a href="#"> <img src="images/view_more_arrow.png" border="0" height="6" width="11"></a> <a href="javascript:openFromButton()">view more</a></div></td> 

Answer 1

попробовать это:

дайте свой IMG идентификатор так:

<div class="lazyLoading"><a href="#"> <img id="yourid" src="images/view_more_arrow.png" border="0" height="6" width="11"></a> <a href="javascript:openFromButton()">view more</a></div></td> 

Теперь изменить свой код это:

<script language="Javascript"> 
    function openFromButton(lastLoadedIndex) { 
     lastLoadedIndex = (typeof(lastLoadedIndex)=='undefined') ? '' : lastLoadedIndex; 
     //change it here if you want to put a loading img. 
     // jQuery("#yourid").attr('src','your/loading/img/url'); 
jQuery.get('liste_ti.asp?from_item='+ lastLoadedIndex +'&param='+(new     Date()).getTime(), function(data) { 
//alert(data); 

     jQuery("#liste").append(data); 
     //change it here to be shown after the text is appended (loading finished ;)) 
     jQuery("#yourid").attr('src','your/img/url'); 
     }); 



     } 


    </script> 

Answer 2

Если вы используете jQuery, используйте метод .load(). Это добавит контент после загрузки изображений.