这是一个包含图像的 URL,您可以在上面进行测试:
http://www.imageworkshop.com/2013/06/19/dance-performer-promo-photography/
需要说明的是 - 在某一时刻,所有这些图片都在我的 iPhone 上的 Nivo 灯箱中打开。但它一直不一致。有一段时间,一些博文图片会打开,而另一些则不会。
目前,它们似乎都没有在 iPhone 上的 nivo 灯箱中打开 - 然而,它在 iPad 上工作?!
标题中的以下代码与 Nivo 灯箱相关(启动灯箱并添加滑动功能):
<script src="<?php bloginfo('stylesheet_directory') ?>/js/nivo-lightbox.min.js"></script>
<script>
jQuery(document).ready(function(){
jQuery('a.jig-link').nivoLightbox({effect: 'slideRight'});
jQuery('.lightbox').nivoLightbox({effect: 'slideRight'});
});
</script>
<script src="<?php bloginfo('stylesheet_directory') ?>/js/jquery.touchwipe.min.js"></script>
<script>
jQuery(document).ready(function(){
jQuery('body').touchwipe({
wipeLeft: function(){ jQuery(".nivo-lightbox-next").click(); },
wipeRight: function(){ jQuery(".nivo-lightbox-prev").click(); },
min_move_x: 70,
min_move_y: 70,
preventDefaultEvents: false
});
});
</script>
这是图像包装方式的示例。如果您对为什么这不起作用有任何建议,我将不胜感激!
<div id="attachment_2143" class="wp-caption aligncenter" style="width: 570px">
<a class="lightbox" title="Dance performers: promotional dance photography"
data-lightbox-gallery="gallery1" href="http://www.imageworkshop.com/wp-content/uploads/2013/06/13006-0047-Image-Workshop-Melbourne-photography.jpg">
<img class="size-large wp-image-2143 " width="560" height="560" src="http://www.imageworkshop.com/wp-content/uploads/2013/06/13006-0047-Image-Workshop-Melbourne-photography-560x560.jpg" alt="Promotional dance photography by Sharon Blance of the Image Workshop" title="Promotional dance photography by Sharon Blance of the Image Workshop">
</a>
<p class="wp-caption-text">Pete & Steph</p>
</div>
NIVO 灯箱详情: javascript 可以在这里查看:https://github.com/gilbitron/Nivo-Lightbox/blob/master/nivo-lightbox.js
CSS 可以在这里查看:https://github.com/gilbitron/Nivo-Lightbox/blob/master/nivo-lightbox.css
最佳答案
这似乎已经自行解决。我还升级到 NIVO LIGHTBOX 插件的新 v1.1,这也可能有所帮助(尽管这不是问题的直接解决方案)
关于javascript - Nivo Lightbox 无法在 iPhone 上打开,但可以在 iPad 上使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20209119/