Question

当我按下按钮时，下面的这个脚本会滑动并重建带有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后，如何修改脚本以运行幻灯片功能？

谢谢;）

Answer 1

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

这应该有效。除非我不理解这个问题

Answer 2

您必须使用onclick属性

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

如何在图像上运行脚本？

2 个答案: