Photoswipe 난 그냥 photoswipe으로 취미 삼아하고 photoswipe.js

Question

의 라인 1070에서 정의되지 않은 재산 '중심'을 읽을 수 없습니다, 지금까지 나는 간단하게하는 몇 가지와 함께 데모 시작의 복사본을 구현하는 것보다 더 고급 아무것도하지 않은 매우 작다 (그리고 이론적으로 중요하지 않은 비틀기).

내 사진 갤러리는 잘 나오면, 나는 단지 그것을 테스트하기 위해 노력하고 나는 그것을 4 개 항목의 총이있다. 첫 번째 그림은 확대/축소되고 이동하며 그 모든 것이 훌륭합니다. 그러나 사진을 전환하는 순간이 게시물 제목에 자바 스크립트 오류가 표시됩니다.

나는 내 항목으로 다음 사용하고

: 사람을 이용하려고 내가 몇 가지 사용자 지정 특성을 추가 한

var items =[{"src":"/Images/Portfolio/Pieces/PhoenixFury.jpg","thumbnail":"/Images/Portfolio/Thumbs/PhoenixFury.jpg","msrc":"/Images/Portfolio/Thumbs/PhoenixFury.jpg","w":765,"h":1201,"title":"Phoenix\u0027s Fury","caption":"Illustration used for the cover of Lifeweaver","key":"Phoenix"},{"src":"/Images/Portfolio/Pieces/EnoreTower.jpg","thumbnail":"/Images/Portfolio/Thumbs/EnoreTower.jpg","msrc":"/Images/Portfolio/Thumbs/EnoreTower.jpg","w":765,"h":1200,"title":"Enore\u0027s Tower","caption":"Illustration used for the cover of Guardian\u0027s Peril","key":"Enore"},{"src":"/Images/Portfolio/Pieces/KenpoLogo.jpg","thumbnail":"/Images/Portfolio/Thumbs/KenpoLogo.jpg","msrc":"/Images/Portfolio/Thumbs/KenpoLogo.jpg","w":800,"h":966,"title":"Kenpo Karate Logo","caption":"Commissioned karate team logo for a team in Mexico with central american themes on the traditional Kenpo notion of a dragon and a tiger.","key":"Kenpo"},{"src":"/Images/Portfolio/Pieces/Quetzalcoatl.jpg","thumbnail":"/Images/Portfolio/Thumbs/Quetzalcoatl.jpg","msrc":"/Images/Portfolio/Thumbs/Quetzalcoatl.jpg","w":1600,"h":967,"title":"Quetzalcoatl","caption":"Central American ancient deity Quetzalcoatl, the feathered serpent.","key":"Quetzalcoatl"}]; 

,하지만 난 photoswipe와 아직 아무것도하지 않은를, 내가하지 그것이 문제라고 상상해보십시오. 나는 내 옵션으로 다음 사용하고

:

 var options = { 

      history: false, 
      focus: false, 
      index: 0,//I can verify that 0,1,2,3 all load up correctly for an initial load 
      showAnimationDuration: 0, 
      hideAnimationDuration: 0 

     }; 

을 그럼 난 그냥 다음을 수행하십시오

var photoswipe = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options); 
     photoswipe.init(); 

나는 pswpElement 있고, 단순히 photoswipe에서 해당위한 마크 업을 coppied하는 사이트이므로 줄에 있어야합니다. 나는 새로운 이미지로 바꿀 때 작동하도록 내가해야 할 일을 정말로 알고 싶다.

나는 또한 내가 제목에서 u207 (인코딩 ')을 제거하면, 그것은 것들에 대해 철저하려고 단지 문제가 해결되지 않는 것을 확인했습니다.

Answer 1

index 옵션 값이 문자열이 아닌 정수 값인지 확인하십시오. parseInt(... , 10)