jQuery点击图片并显示一个div

Question

我现在正在制作图像切片展示以查看一些产品图像。

首先，我将有一些小缩略图，通过单击缩略图，更大的图像将显示在另一个 div 中，默认显示 img1 的大图像。

然后，如果用户将鼠标悬停在大图像上，光标图像将变为放大镜 (zoomin.cur)，如果用户单击大图像，另一个 div (class="detailview-container-bg) 将变为show on top of everything. 在隐藏的div中，小缩略图放在顶部，大图像显示在下部，默认显示img1。

到目前为止，我想出了第一次单击缩略图以显示更大的图像，但我卡在了更改光标和第二次单击以显示隐藏的 div 上。我为第二次点击构建了一些 jQuery，但它不包含错误，我不知道为什么它不能显示 div。

        $(function(){
            $('#primaryImageDisplay').on("click",function(){
                $('#productSlide').css({'display':'absolute'});
            });
        })

我在 JSFiddle 中结束了我的代码请你给我一些想法。非常感谢您的宝贵时间...

Answer 1

您希望使用适当的值进行显示。 (例如 block http://learnlayout.com/display.html ) 绝对值来自 css 属性 'position'

如果您调试代码，您会注意到显示属性没有更新为绝对值。