Question

我有这个jQuery幻灯片代码 - 编辑 - 对不起家伙抓错了代码：/继承人的实际代码

<script type="text/javascript"> 

     $(document).ready(function() {
        $(".slidingDiv").hide();  
        $('.secondarytitle').click(function() {  
           $(this).closest('tr').siblings('.slidingDiv').slideToggle(); 
        });  
     });

</script>

我必须使用点击功能的图像，这将是一个

<table>
  <tr>
    <th class="image1">Welcome</th>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>

我想要做的是当单击对象时它会更改图像，再次单击它将更改回原始图像。任何建议都适合我。即使您建议使用不同的代码来滑动内容。谢谢你们

Answer 1

尝试这种方法

var imgSRC={'src1':'URL_1','src2': 'URL_2' }

$('.image1').click(function(){
   if($(this).attr('src')==imgSRC.src1){
       $(this).attr('src',imgSRC.src2)
   }else{
       $(this).attr('src',imgSRC.src1)
   }
})

Answer 2

安东的回答略有变化。你可以使用toggle()方法，不需要检查img src

var imgSRC={'src1':'URL_1','src2': 'URL_2' }

$('.image1').toggle(function(){
      $(this).attr('src',imgSRC.src2)
   }, function() {
       $(this).attr('src',imgSRC.src1)
   }
});

单击jQuery更改图像

2 个答案: