如何在图像上运行脚本？答案

【问题标题】：How to run a script on image?如何在图像上运行脚本？
【发布时间】：2015-05-22 12:24:46
【问题描述】：

当我按下一个按钮时，下面的这个脚本会滑动并重建一个带有 Youtube 视频的 div。

<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){
  $('#slide_up').click(function(){
    $('#slidingDiv').slideToggle('', function (){
      var obj = $(this);
      if(obj.is(':hidden')){
        obj.html( obj.html() );
      }
    });
  });
});//]]>  

<div style="display: block;" id="slidingDiv">
  <iframe src="http://www.youtube.com/embed/r13a2VUTajU" allowfullscreen="" frameborder="0" height="315" width="560"></iframe>
</div>

<input value="Slide and rebuild" id="slide_up" type="button">

我想使用图像而不是按钮。

点击img后如何修改脚本运行幻灯片功能？

谢谢 ;)

【问题讨论】：

标签： javascript youtube

【解决方案1】：

<input value="Slide and rebuild" id="slide_up" type="image" src="yourimage.jpg">

这应该可行。除非我没看懂问题

【讨论】：

没问题！如果它有效并回答了您的问题，请接受答案。

【解决方案2】：

你必须使用onclick属性

<img src="your src" onclick="your javascript function" />

【讨论】：

他已经在输入$('#slide_up').click(function()上有了jQuery监听器