Gegen Bilderklau - Das Original | Druckvorschau: Lightbox übern ganzen Desktop

Geschrieben von Kimi. am 10.03.2011 um 12:01:

Lightbox übern ganzen Desktop

Huuuhuuu smile

So meine lieben, ich hab mal wieder ein Problem :s
Ich habe gestern versucht meine Lightbox einzubinden, habe es auch soweit geschafft nur möchte ich das sich die Lightbox nicht in meinem Frame öffnet so wie hier:

http://photomoments.square7.ch/HP/lay.html (Auf Galerie gehen)

sondern auf dem ganzen Desktop, ich hab schon so viel ausprobiert aber krieg es irgendwie nicht hin.
Vielleicht habt ihr ja eine Lösung für mich smile

Solltet ihr Codes von den Seiten brauchen sagt bescheid. Ich wüsste jetzt nicht welche ich reinstellen soll.

Lg

Geschrieben von Ceres am 10.03.2011 um 17:14:

Das liegt daran, dass der iframe in sich geschlossen ist, wo der Inhalt des Frames nicht mit dem Rest der Seite interagiert. Alles was da drin steht, bleibt auch da drin.

Wenn ich auf das Bild klicke, dann wird die Lightbox nur bis dahingehend aktiviert, wie sie auch angezeigt wird -> im iframe.

Und ich habe jetzt einfach mal im Netz geschaut, weil ich selbst keine Ahnung habe, ob das überhaupt mit iframes realisierbar ist (ich hätte dir halt empfohlen, die verdammten iframes weg zu lassen (die sind nämlich zusätzlich totale Suchmaschinen-Killer, weil Inhalte aus iframes nicht ausgelesen werden) und nen richtiges div-layout anschaffst.

Aber ich habe, solltest du das nicht wollen, folgendes gefunden

Zitat:

Can the script be called from an iframe?
If you're using iframes, try the Lytebox modification which has better support.

Quelle: Lightbox 2 Hilfe

Also solltest du dich mal dort: » Lyterbox v3.2 « umsehen.

Geschrieben von -blue- am 11.03.2011 um 11:02:

Wenn wir hier schon bei LIghtboxen sind ... ich will jetzt nicht unbedingt n neuen Thread aufmachen ... meine Lightboxen kleben irgenwie immer so am oberen Rand des Fensters .... hat jemand ne Ahnung, woran das liegen könnte? Ich hab eigentlich nicht in den Lightbox-Dateien rumgespielt ...

Geschrieben von Ceres am 11.03.2011 um 11:12:

Zitat:

Original von Fallen_Angel_02
Wenn wir hier schon bei LIghtboxen sind ... ich will jetzt nicht unbedingt n neuen Thread aufmachen ... meine Lightboxen kleben irgenwie immer so am oberen Rand des Fensters .... hat jemand ne Ahnung, woran das liegen könnte? Ich hab eigentlich nicht in den Lightbox-Dateien rumgespielt ...

Hat sich dein Problem inzwischen gelöst? eben wurde noch jedes Bild einzeln geöffnet und jetzt sieht es halt normal aus Augenzwinkern

Geschrieben von -blue- am 11.03.2011 um 11:15:

Echt, siehts bei dir normal aus? Also wenn die Lightboxen nicht gerade nicht funktionieren ( :mad smile

dann öffnen sie sich bei mir immer am oberen Bildrand. Bei den größeren Bildern machts ja nichts aus aber bei den kleineren siehts schon bisschen komisch aus, zB bei bild 20.

Geschrieben von Ceres am 11.03.2011 um 11:28:

Ich hab selbst noch nie sone Lightbox eingebaut, aber was mir auffällt ist, dass alle Bilder oben den selben Abstand. Also muss es irgendwo was geben in dem Code wo das so definiert ist. Kannst du evtl. mal den Code posten?

Geschrieben von Kimi. am 11.03.2011 um 14:03:

Okay, ich hab das jetzt mal mit der Lytebox 3.2 probiert Ceres, krieg es aber in meinem iFrame garnicht erst zum laufen.
Wenn ich die Seite so öffne geht es, aber im iFrame wenn ich auf meinen Button zum Link klicke wird mir die Seite garnicht erst angezeigt
(zumindest im FF, im IE wird sie angezeigt dch keine Galerie öffnet)

//edit: Zumal ich das net ganz verstehe:

Zitat:

If you plan to use Lytebox in an iFrame environment, then you need to include lytebox.css in the parent document, while including lytebox.js in the iFrame document.

Ich soll die Datei lytebox.css einen Ordner darüber setzen ? oô

Geschrieben von Ceres am 11.03.2011 um 14:36:

Ja so wie ich das verstehe, musst du die die 2 Dateien
» lytebox.css
» lytebox.js
in das Hauptverzeichnis kopieren (der Ordner, in dem sich auch der Index befindet). Im Index selbst musst du die Dateien dann entsprechend im head-Bereich einbinden, sofern das noch nicht passiert ist.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:

<html>
   <head>
     <title>SEITENTITEL</title>
     <script type="text/javascript" language="javascript" src="lytebox.js"></script>
     <link rel="stylesheet" href="lytebox.css" type="text/css" media="screen">
   </head>
[...]