弹出与点击按钮

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函数来执行。