如何在用户点击按钮时打开图库
问题描述:
当我打开我的页面时,图库每次都会自动打开。但我只希望在用户点击按钮时打开。我如何解决这个问题?如何在用户点击按钮时打开图库
<a onClick="$('.fixed-bar').toggle('slow');"
<div class="container demo-3">
<div class="main">
<div class="fixed-bar">
<ul id="carousel" class="elastislide-list">
<li><a href="#"><img src="elastislide/small/1.jpg" alt="image01" /></a></li>
<li><a href="#"><img src="elastislide/small/2.jpg" alt="image02" /></a></li>
<li><a href="#"><img src="elastislide/small/3.jpg" alt="image03" /></a></li>
<script type="text/javascript">
$('#carousel').elastislide({
minItems : 2
});
</script>
答
如果我假设固定条的div需要在页面加载时被隐藏
使<div class="fixed-bar" style="display:none">
代替<a onClick="$('.fixed-bar').toggle('slow');">
东西使用
<a id="gallery-toggle" href="">Toggle Gallary</a>
和内部<script></script>
编写代码
$('#gallery-toggle').click(function()
{
$('.fixed-bar').toggle('slow');
});
更好的方法.. :-)
或在你的代码,只需添加display:none
风格属性..这将解决这个问题。
让我知道如何工作的,
问候,
拉胡尔
+0
我添加显示:无..,它的工作..但唯一的问题是,当我点击打开画廊,他们显示没有图像。只有背景 – user2232273 2013-04-08 17:06:39
+0
之前的图像是否显示? – 2013-04-08 17:27:52
始终避免使用内联JS的,它的丑陋和难以维护。 – 2013-04-08 16:52:51