Page 1 of 1

photoswipe issue on 2nd page load

Posted: Thu Jul 25, 2013 2:01 am
by steve5588065

I am using the photoswipe component in my phone app
I use the returned response from a service to populate the li in the html

for (var i = 0; i < data.length; i++) {
var fullpath = data.imagename;
var thumbpath = data.imagename.replace('Full','Thumbs');

Code: Select all

           Appery("scrGallery").find("ul.gallery").append('a href="http://' + fullpath + '" rel="nofollow" [img]' + thumbpath + '[/img]  /a'); 
     //Appery("scrGallery").find("ul.gallery").appendTo('#gallery').wrap('a href="http://' + fullpath + '" rel="nofollow" [img]' + thumbpath + '[/img]  /a'); 
 } 

 var photoSwipeInstance = Appery("scrGallery").find("ul.gallery a").photoSwipe({captionAndToolbarAutoHideDelay:0}, "scrGallery");  

This works great on the 1st load of the page

If I click the back button on the screen to return to the previous screen then click the button to take me to the photoswipe screen i get errors. The thumbnails appear but when I click on one the resulting full image size is huge and the Header backbutton has disappeared

I have researched all the photoswipe examples but this has got me beat

any ideas
steve


photoswipe issue on 2nd page load

Posted: Thu Jul 25, 2013 2:56 am
by Alena Prykhodko

Hello Steve!

Please go through these steps http://docs.appery.io/getting-help/