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 show（）函数：

$（” huge_it_slideshow_image_wrap_1" 。）显示（）;

但您需要在css文件中将显示设置为none。

Answer 3

这个简单的任务你不需要jquery。

在文档底部输入一个脚本标记，其中包含一些javascript代码。

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

您还需要将html中的onclick更新为＆＃34; intro_on（）＆＃34;所以它可以作为javascript函数执行。

弹出点击按钮

3 个答案: