Übung: PhotoSwipe-Gallerie

Aufbauend auf der Klasse im Simpson-Beispiel erstellst du eine Klasse, die den HTML-Code für eine PhotoSwipe-Galerie baut.

Vorbereitung:

• Gehe auf die Seite PhotoSwipe - Getting Started und versuche zu verstehen, wie eine PhotoSipe-Galerie im Code aufgebaut sein muss.
  Das "Basic vanilla JS example" reicht für diese Übung völlig aus.
• PhotoSwipe muss wissen, wie breit und hoch die Bilder der Galerie sind. PHP kann das easy: PHP Handbuch: getimagesize.
  Mache dich schlau, wie du das einsetzen kannst.
• Lade dir das CSS und JS für PhotoSwipe herunter, erstelle einen Ordner mit allen nötigen Bestandteilen.
• Erstelle darin auch einen Galerie-Ordner mit Beispiel-Bildern.

Klasse von der Seite "The Simpsons - mit Klasse" anpassen

• Das Auslesen der Pfade passiert bis anhin nur mit GIFs. Verbessere dieses Verhalten im Konstruktor mit
  glob($gallerypath."/".'*.{JPG,jpg,gif,png}', GLOB_BRACE).
• Passe die Methode makeGallery() dahingehend an, dass der HTML-Code so ausgeben wird, wie es PhotoSwipe verlangt.