如何运行图片上的脚本？

Question

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

<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后的幻灯片功能？

谢谢 ;)

Answer 1

您必须使用 onclick 属性

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

Answer 2

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

这应该有效。除非我没看懂问题

如何 运行 图片上的脚本？

How to run a script on image?

javascript

youtube

如何运行图片上的脚本？