簡體   English   中英

Nivo Lightbox無法在iPhone上打開,但可以在iPad上使用

[英]Nivo Lightbox notopening on an iPhone, but does work on iPad

這是帶有圖片的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 LIGHTBOX詳情:可在此處查看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,這可能也會有所幫助(盡管這不是直接解決問題的方法)

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM