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

标签 jquery css hover fancybox

我正在使用 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"
   }

但效果不佳。

知道怎么做吗?

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

最佳答案

您需要在页面上添加 css(在初始 css 加载之后)-

例如,将它添加到带有您的 fancybox 的页面,或者在头部的 fancybox css 样式表之后。

<style type="text/css">

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

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

</style> 

就是这样。

关于jquery - 如何让 Fancybox Next 和 Previous 按钮保持可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8486073/

相关文章:

css - 在标题上定位搜索栏

css - 导入本地字体到create-react-app元素

jquery - 悬停缩略图时使用 jquery 更改主图像

jquery - 为什么 jQuery 有时会覆盖 window.onbeforeunload?

JavaScript 不会更改或添加 CSS 类到元素

javascript - 未捕获的类型错误 : Cannot set property 'selected' of undefined

python-3.x - 仅在文本小部件中的文本上显示 Tkinter 工具提示

javascript - Packery - 如何更改布局模式?

css - Bootstrap 3 : How do you align column content to bottom of row

html - 如何制作:hover only affect lettering instead of the box?