彈出與點擊按鈕

Question

我已經做了一個使用插件的圖片庫，當用戶on_click我的主頁按鈕時，我想顯示此圖庫。

我不知道如何實現這一點，請幫助我在這裏。

這是我的按鈕代碼：

<div class="ow-button-base ow-button-align-center"> 
    <a class="ow-button-hover" target="_blank" id="introduction" onclick="intro_on"> 
     <span>Click me to see gallery</span> 
    </a> 
</div> 

這是我的照片庫代碼：

<div class="huge_it_slideshow_image_wrap_1" style="max-height: 1800px; overflow: visible;"> 
<div id="huge_it_loading_image_1" class="display" style="display: none;"></div> 

Answer 1

$('#introduction span').click(function(){$('#huge_it_loading_image_1').show();}); 

Answer 2

你可以使用jQuery的顯示（）函數：

$（ 」 .huge_it_slideshow_image_wrap_1" ）顯示（）;

但您需要在您的css文件中將display設置爲none。

Answer 3

你不需要爲這個簡單的任務jquery。

在文檔的底部輸入腳本標籤，其中包含一些JavaScript代碼。

<script> 
    function intro_on() { 
     document.getElementById("huge_it_loading_image_1").style.display = 'block'; 
    }; 
</script> 

你還需要在你的HTML更新的onclick爲「intro_on（）」，所以它可以作爲一個javascript函數來執行。