移动设备上缺少photoswipe全屏按钮

时间:2015-12-04 11:51:17

标签: jquery css photoswipe

使用此链接:http://webdesign.tutsplus.com/tutorials/the-perfect-lightbox-using-photoswipe-with-jquery--cms-23587我已经能够将photoswipe插入我的网站。

不幸的是,我无法在移动设备上看到全屏按钮,演示网站确实显示了全屏按钮。

比较:

(在我的网站中:点击底部图片)

有谁知道如何解决这个问题?我已经在整个互联网上搜索了一个解决方案,但还没有找到它。

1 个答案:

答案 0 :(得分:1)

http://ezg.agaastra.nl/Content/photoswipe-theme.css的第58行,按钮元素的格式为

background-image: url(default-skin.svg)

适用于移动设备 - 但您的服务器上不存在该图片,http://ezg.agaastra.nl/Content/default-skin.svg只会产生404。

因此,这些按钮在桌面上的背景图像会被覆盖,但没有新的背景图像可供显示 - 因此你只能看到“没有”。

因此请确保您将丢失的图像上传到正确的位置。