0

jQuery Mobile で Photoswipe ギャラリーを使用しています。最初の選択をクリックすると、完全な URL を含む画像のみが表示され、ギャラリーのようには機能しません。戻ってもう一度選択すると、正常に動作します。ページの最初の失敗/更新後に ps が動作しています。

以下のリンクをチェックしてください。それは私の携帯サイトです。 http://w3qtar.info/aldarmobi

プロパティ>リストの任意のプロパティ>他の写真を表示...のリンクを確認すると、この下にサムネイルが表示されます。最初にサムネイルをクリックすると、ギャラリー ビューなしで元の画像が読み込まれます。Drupal 7 と Mobile_jquery テーマ。このサイトではjquery mobileを使用しています。

内部コード:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
  <link href="http://w3qatar.info/aldarmobi/sites/all/themes/mobile_jquery/photoswipe.css" type="text/css" rel="stylesheet" />  
  <script type="text/javascript" src="http://w3qatar.info/aldarmobi/sites/all/themes/mobile_jquery/lib/klass.min.js"></script>  
  <script type="text/javascript" src="http://w3qatar.info/aldarmobi/sites/all/themes/mobile_jquery/scripts/code.photoswipe.jquery-3.0.5.min.js"></script>

<script type="text/javascript">

(function(window, PhotoSwipe){

            document.addEventListener('DOMContentLoaded', function(){

        var
                options = {},
                instance = PhotoSwipe.attach( window.document.querySelectorAll('#gallery li a'), options );

        }, false);

        }(window, window.Code.PhotoSwipe));

    </script>

html 部分: 

<ul id="gallery" class="gallery">
<li><a href="imageurl1" rel="external"><img src="imageurl1" alt="image name1" /></a></li>
<li><a href="imageurl2" rel="external"><img src="imageurl2" alt="image name2" /></a></li>
<li><a href="imageurl3" rel="external"><img src="imageurl3" alt="image name3" /></a></li>
<li><a href="imageurl4" rel="external"><img src="imageurl4" alt="image name4" /></a></li>
</ul

手伝っていただけませんか？これをiPhoneデバイスとAndroidフォンで動作させたいです。

前もって感謝します。

ハリクリス。

4

1 に答える 1

0

jQueryを使用しているコードを示しているので、jQueryですべてを実行してみませんか.

以下のようにコードを変更して、動作するかどうかを確認できますか

(function(window, $, PhotoSwipe){

    $(document).ready(function(){

        $('div.p-img_more')
            .live('pageshow', function(e){

                var 
                    currentPage = $(e.target),
                    options = {},
                    photoSwipeInstance = $("ul.gallery a", e.target).photoSwipe(options,  currentPage.attr('id'));

                return true;

            })

            .live('pagehide', function(e){

                var 
                    currentPage = $(e.target),
                    photoSwipeInstance = PhotoSwipe.getInstance(currentPage.attr('id'));

                if (typeof photoSwipeInstance != "undefined" &amp;&amp; photoSwipeInstance != null) {
                    PhotoSwipe.detatch(photoSwipeInstance);
                }

                return true;

            });

    });

}(window, window.jQuery, window.Code.PhotoSwipe));
于 2013-07-27T04:29:02.417 に答える