Über Hype! bin ich auf den TiltViewer gestossen und habe dann mal angefangen ein bisschen herumzubasteln. Herausgekommen ist diese Fotogalerie. Die Bilder kommen so wie in der eigentlichen Fotogalerie aus Blog-Postings (tt_news) der Kategorie "Fotogalerie". Ein spezielles Listentemplate liefert dem TiltViewer auf Page type=3 die XML-Daten, die er für seine Darstellung braucht.

Allerdings kommt der TiltViewer nicht mit dynamischen Urls zurecht ("index.php?id=21&type=3"), daher habe ich diese URl mit Cooluri auf "gallery.xml" gemappt. Das wiederum führt dazu, dass die Bilder erst nach einigen Sekunden nachgeladen werden.

Bei Gelegenheit schreibe ich mal ein kleines Tutorial dazu und lade die Extension(s) ins TER hoch. (Dazu kommt noch ein Tutorial "Ajaxlogin". Einfach mal mit "demo"/"demo" oben rechts einloggen :)

Der TiltViewer lässt sich übrigens mit Tastatur und Maus bedienen und sogar in den Fullscreen-Modus versetzten (dort scheint aber die Bedienung per Tastatur dann nicht mehr zu funktionieren...

Mouse

  • Click images to zoom-in, click again to zoom-out.
  • Click the background to zoom-out.
  • Click the 'reload' button (below the image grid) to load a new set of images.
  • Click the 'flip' button (bottom-right of a zoomed-in image) to see image details.
    Keyboard
  • Cursor keys to navigate between images.
  • Space-bar to zoom in/out.
  • 'F' key to flip an image (when zoomed in).
    Right-Click Menu
  • Go Fullscreen. Opens TiltViewer in fullscreen mode. Right-click and select 'Exit Fullscreen' to revert to regular mode. Note keyboard navigation does not work in full-screen mode.

Comments

This website uses disqus for the commenting functionality. In order to protect your privacy comments are disabled by default.

Enable Comments