Question

我有一个图像'查看更多'，当我点击更多数据时，我想要做的是在添加数据之前更改图像，我尝试在互联网上找到多个解决方案，但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一个这样的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>

Answer 2

如果您使用的是jQuery，请使用.load()方法。这将在图像加载后附加内容。

用javascript更改图像

2 个答案: