Photoswipe Impossibile leggere la proprietà 'center' di undefined alla riga 1070 di photoswipe.js

Question

Mi sto solo dilettando con photoswipe e finora non ho fatto nulla di più avanzato della semplice implementazione di una copia della demo introduttiva con alcuni ritocchi molto piccoli (e teoricamente insignificanti).

La mia galleria di immagini viene fuori bene, e ho un totale di 4 elementi in esso mentre sto solo cercando di provarlo. La prima immagine verrà ingrandita e spostata e tutto questo semplicemente fantastico. Tuttavia, nel momento in cui cambio le immagini, ottengo l'errore javascript in questo titolo del post.

Sto usando il seguente come i miei articoli:

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"}]; 

ho aggiunto un paio di attributi personalizzati, ma non ho ancora fatto nulla con il photoswipe per cercare di utilizzare quelli, in modo da non immagina che questo è il problema

Sto usando il seguente come le mie opzioni:

 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 

     }; 

Allora io faccio solo il seguente:

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

ho la pswpElement, e semplicemente coppied il markup per che dal photoswipe sito, quindi dovrebbe anche essere in linea. Mi piacerebbe davvero sapere cosa devo fare per farlo in modo che funzioni quando passo a una nuova immagine.

Ho anche verificato che se rimuovo u207 (codificato ') dai titoli, non risolve il problema solo per cercare di essere accurato sulle cose.

Answer 1

Assicurarsi che il valore dell'opzione index sia un numero intero, non una stringa. parseInt(... , 10)