2015-05-22 63 views
-2

當我按下按鈕時,下面的這個腳本滑動並重建一個帶有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後應如何修改腳本以運行幻燈片功能?

感謝;)

回答

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

這應該工作。除非我不明白這個問題

+0

非常感謝!它的工作!) – Evaldas

+0

沒問題!請接受答案,如果它的工作和回答你的問題。 –

0

您必須使用onclick屬性

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

+0

他已經在輸入'$('#slide_up')上有jQuery監聽器了,點擊(function()' –

相關問題