Question

我正在使用fancybox来显示一些图像。目前，当用户悬停图像时，将显示下一个或上一个按钮。但是，有些用户实际上并没有意识到这一点，并在查看第一张图片后关闭了fancybox。

所以，我希望按钮始终保持可见状态。但是，我不知道该怎么做。我试图更改fancybox css

#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('blank.gif');
z-index: 1102;
display: block; // Initially it was "none"
   }

但是效果不佳。

知道怎么做吗？

感谢任何帮助...谢谢...

Answer 1

您需要在页面上添加css（在初始css加载后） -

例如，将其添加到包含您的fancybox的页面，或者在头部的fancybox css样式表之后。

<style type="text/css">

#fancybox-left-ico {
left: 20px;
}

#fancybox-right-ico {
right: 20px;
left: auto;
}

</style>

就是这样。

Answer 2

在您的fancybox css文件中，找到此类

.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
visibility:hidden;
z-index: 8040;
    }

只需删除“visibility”属性，按钮就会一直显示。通过这样做，您不必将样式标记添加到您的html：）

Answer 3

内联CSS声明：

.fancybox-nav span {
  visibility: visible !important;
}

如何让Fancybox Next和Previous按钮保持可见

3 个答案: