防止photoswipe隐藏工具栏

Question

我正在使用带有jQueryMobile 1.1-rc1的PhotoSwipe 3.0.4.

我试图阻止PhotoSwipe隐藏它的工具栏.

我尝试将captionAndToolbarAutoHideDelay参数设置为0,希望这会阻止工具栏隐藏,但这似乎阻止它自动隐藏.

我还将captionAndToolbarHide设置为false,希望这可以防止它隐藏但是这没有帮助.

当用户点击并滑动图像时,我想阻止工具栏隐藏,就像在某些手机上一样,让工具栏再次显示有点困难.

有人有运气吗？

Answer 1

从浏览源代码到这里似乎有一些可能的选择.

1. 覆盖在OnFadeout或淡出功能toolbar.class.js所以它不会淡出根据你的设置设置工具栏.具体来说,通过在以下行周围添加基于if语句的设置.

2. 覆盖或向OnBeforeJide或OnHide事件添加其他事件侦听器,以取消隐藏或停止工具栏的隐藏.

   有关自定义事件列表器的示例,请参阅此处 或通过Util.Events.remove(this.toolbar,Toolbar.EventTypes.onHide, this.toolbarHideHandler);在PhotoSwipe dispose方法之外调用直接删除OnHide事件.

3. 向OnHide或OnBeforeHide事件添加自定义事件处理程序,这些事件继承自默认事件,但会根据您设置的设置停止隐藏工具栏.

从我所看到的

• captionAndToolbarHide默认情况下,该变量为false,当设置为true时,防止在CreateComponents函数中创建工具栏.
• 该captionAndToolbarAutoHideDelay变量是它所说的,但这只会阻止自动隐藏标题和工具栏,但不会阻止对OnHide的任何其他事件调用.
• 该preventHide变量可防止用户关闭photoSwipe,但不一定保证不会隐藏工具栏.

此处可提供更多PhoneSwipe文档.

Answer 2

我需要阻止PhotoSwipe隐藏图像标题,但仍然让它像往常一样隐藏页面底部的工具栏.我只是添加以下css来覆盖PhotoSwipe应用于隐藏此元素的内联样式.您也可以使用类似的方法来防止隐藏工具栏.

.ps-caption{
opacity:0.8 !important;
display:block !important;
}