javascript - 使用 JavaScript 更改图像

Question

我有一个图像“查看更多”，当我单击附加更多数据时，我想做的是在附加数据之前更改图像，我尝试了在互联网上找到的多种解决方案，但似乎没有效果。这是我的代码

<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一个像这样的ID:

<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>