여러 Photoswipe 갤러리 모바일

Question

데스크톱에서 완벽하게 작동하는 포트폴리오 목록에서 여러 개의 PhotoSwipe 갤러리를 보유하고 있지만 첫 번째 갤러리 만 모바일 장치에 이미지를 표시하고 그 이후 갤러리는 그렇지 않습니다. PhotoSwipe 인스턴스가 인스턴스화하고 화살표 등을 사용하여 탐색 할 수 있지만 이미지가 없습니다. 아이디어가 있습니까? (나는 아무 소용 = "외부"REL을 사용하여 시도했다)

photoswipe 코드 :

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--> 

Answer 1

그럼 내가이 문제를 해결하지 수있는 유일한 내가 발견 한 문제는 이미지 갤러리를 실제로 악취가 나는 하위 디렉토리에 복제하는 것이지만 작동합니다. 이 오류는 IOS가 이미지 링크를 처리하는 방법에있어 거짓말을합니다. 데스크톱 및 기타 모바일 장치에서 완벽하게 작동하기 때문입니다.