0

デスクトップで完全に機能するポートフォリオのリストから複数の PhotoSwipe ギャラリーがありますが、最初のギャラリーのみがモバイル デバイスで画像を表示し、後続のギャラリーは表示しません。PhotoSwipe インスタンスがインスタンス化され、矢印などを使用して移動できますが、画像はありません..アイデアはありますか? (私は rel="external" を無駄に使用しようとしました)

フォトスワイプコード:

function startSwipe(btnId)
{
    var galleryName = btnId;    

(function(window, PhotoSwipe)
{
            var
                options = {
                    preventHide: false,
                    loop: false,
                    captionAndToolbarShowEmptyCaptions: false,
                    getImageSource: function(obj){
                        return obj.url;
                    },
                    getImageCaption: function(obj){
                        return obj.caption;
                    }
                },
                instance = PhotoSwipe.attach( 
                    [
                        { url: 'http://www.example.com/gallery/'+galleryName+'/images/0.jpg'},
                        { url: 'http://www.example.com/gallery/'+galleryName+'/images/1.jpg'},
                        { url: 'http://www.example.com/gallery/'+galleryName+'/images/2.jpg'},

                    ], 
                    options 
                );
                instance.show(0);
    }(window, window.Code.PhotoSwipe));
}

そしてjqm：

<div data-role="content">
<ul data-role="listview" data-theme="a" class="centerLiPort">
    <li id="gal1" onClick="startSwipe(this.id)">
        <div  class="imgDiv"><img src="images/gal1.jpg" ></img></div>
        <a>Gallery 1</a> 
    </li>

    <li id="gal2" onClick="startSwipe(this.id)">
        <div class="imgDiv"><img src="images/gal2.jpg" ></img></div>
        <a>Gallery 2</a>
    </li>

    <li id="gal3" onClick="startSwipe(this.id)">
        <div class="imgDiv" ><img src="images/gal3.jpg" ></img></div>
        <a>Gallery 3</a> 
    </li>
</ul>
</div><!--/content-->
4

1 に答える 1

1

私はこれを解決できませんでした。私が見つけた唯一の回避策は、画像ギャラリーをサブドメインディレクトリに複製することでしたが、これは本当に悪臭を放ちますが、機能します。エラーは、IOSが画像リンクを処理する方法に何らかの形であります-デスクトップや他のモバイルデバイスで完全に正常に機能するためです。

于 2013-01-27T04:17:09.273 に答える