2012-04-08 13 views
0

Bitte siehe Beispiel-Code Ich arbeite mit: http://www.christoffah.com/kk/gallery.phpAnzeigen von Bildern außerhalb eines iframe Colorbox

Die roten und gelben DIVs enthalten iframes. Wenn Sie auf einen Textlink im gelben DIV klicken, wird ein Colorbox-Foto geladen, das jedoch im Iframe geladen wird. Targeting Parent öffnet das Bild selbst, dh dasselbe, was passieren würde, wenn Sie die URL eines JPG-Bildes eingegeben hätten. Gibt es eine Möglichkeit, die Bildlast über die gesamte Webseite zu bringen? Der Grund, warum ich iframes verwende, ist, dass die Website, an der ich arbeite, zwei verschiedene Galerien mit jeweils mehreren Alben benötigt. Ich dachte, dass iframes eine gute Möglichkeit für den Nutzer wären, unabhängig voneinander durch die Galerien zu navigieren ist ein effizienter Weg dies zu tun Ich bin offen für Vorschläge! Vielen Dank.

Antwort

0

Vor allem sehe ich nicht die Notwendigkeit für den zweiten iframe mit den Links.

Sie müssen JavaScript für die Verlinkung verwenden, da das Zielattribut nicht solche Gedanken als übergeordnete Ziele liefert. Sehen Sie das Javascript window.parent Objekt oder speziell die window.parent.frames[...].location Eigenschaft für Details.

Allerdings kann dies aus SEO-Sicht nicht gut sein.

bearbeiten versuchen:

<a ... onclick="parent.$.fn.colorbox({href: this.href}); return false;"> 
+0

Mein zweiter iframe Text für jetzt hat, wie ich das Plugin testet bin, wird es wie das erste iframe aussehen schließlich mit Thumbnails. Jeder Iframe hat die nächsten und vorherigen Links, so dass der Benutzer zwei Galerien auf einmal betrachten kann. Ich schätze, das ist vielleicht nicht großartig für SEO, aber ich kann mir keinen anderen Weg vorstellen. Ich habe mir das JS angesehen, das du empfohlen hast, aber ich bin unsicher, wie man die Bild-URLs auf diese Syntax umstellt . Colorbox FAQ schlägt open in parent window vor, aber das scheint auch nicht zu funktionieren ... bitte beraten Sie? – Chris

+0

Ihr Ansatz sieht tatsächlich gut aus, aber Sie müssen die colorbox js in Ihr Parent einfügen, damit dies funktioniert. siehe bearbeitete Frage – worenga

+0

Vielen Dank für den Code, ich habe die Änderung auf die gleiche Seite - es ist fast da, aber lädt nicht die nächsten/vorherigen Schaltflächen oder das Hintergrund-Overlay und eine Instanz von colorbox lädt immer noch in den Iframe. Versuchen Sie "Test Link": http://www.christoffah.com/kk/gallery.php irgendwelche Ideen überhaupt? – Chris