Panoramafoto in einem Popup in vollständiger Größe anzeigen

html.de-Forum HTML, XHTML & CSS
1

Hallo,

ich würde auf meiner Seite www.austrianmountainnews.at gerne einfache Panoramafotos (keine 360°) in voller Größe darstellen:

  1. am liebsten in einer Lightbox, die erscheint, wenn man auf ein Thumbnail des gewünschten Fotos klickt. In der Lightbox sollte man mit der Maus von links nach rechts scrollen können

Beispiele:

http://www.hoehenrausch.de/panoramab…land/index.php

jedoch ohne automatischer Bewegung

oder

http://www.klamonfra.de/panoramabild30.php#ort2

  1. eine zweite Möglichkeit, die mir sehr gut geföllt: eine Seite mit Foto in Originalgröße erstellen, welche erscheint, wenn man auf ein Thumbnail klickt

Beispiel:

http://www.alpen-panoramen.de/panorama.php?pid=26193

leider verkleinert mit entweder Worldpress bzw. der Browser (Safari) das Foto immer auf jene Größe, dass es vollständig angezeigt wird, was ich unterbinden möchte!

Ich hab keine Programmiererfahrung! Kenn mich aber mit Worldpress schon ein wenig aus, aber nur sehr eingeschränkt mit der Programmiersprache. HTML geht noch, aber CSS oder JavaScript oder PHP eher nicht!

Zu Punkt 1) habe ich mit dem Plugin WP-PhotoNav http://fmos.at/wp-photonav/ probiert, jedoch hat das Popup abzu geöffnet und abzu nicht (Firefox und Safari testet).

Ihr würdet mir mit einer Lösung unglaublich helfen. Ich habe im Netz tagelang herumgesucht und leider keine Lösung gefunden.

Danke im Voraus und Beste Grüße,

Stefan

2

Wenn Du nur wenig Erfahrung mit Programmiersprachen hast, ist es u. U. das einfachste, das Foto in einem iFrame anzuzeigen. Dann kannst Du die Höhe so einstellen, dass das Foto vollständig angezeigt wird und die Breite entsprechend kleiner, so dass man das Foto scrollen kann. Es gibt einige Lightboxes, die iFrames unterstützen, z. B. Prettyphoto und iLightbox.

3

Danke für die info! Wie würde ein solcher iFrame Befehl aussehen?

LG, Stefan

4

Dazu musst Du eine eigene Seite erstellen, in deinem Fall nur mit dem Foto. Dann eine Lightbox aussuchen und dort ist es in der Anleitung beschrieben, wie Du diese Seite in einem iFrame anzeigen kannst. Wenn es dann noch Unklarheiten gibt, frag wieder nach.

5

ich hab’s geschafft:
[ul]
[li]habe als Worldpress plugin „Prettyphoto“ installiert[/li][li]mit dem Befehl

LINK NAME</a>

lässt dich das Foto in Originalgröße darstellen und man kann scrollen[/li][li]mit dem Zusatz .pp_social {display:none;} im .CSS des Plugins lassen sich auch noch die unschönen Social Media Buttons entfernen[/li][/ul]
Vielen Dank für die Hilfe!

Das Ergebnis gibst dann später mal auf http://www.austrianmountainnews.at unter Panoramas!

LG, Stefan

6

Freut mich, dass es so schnell geklappt hat. Habe deine Seite mal als Lesezeichen genommen und werde es mir dann ansehen.