AW: Lytebox aus IFrame starten lassen

Danilo17 · 17.08.2010

Hi bin neu hier und hab ein Problem wo ich den Fahler einfach nicht finde und zwar die Bilder im iframe über die ganze seite in der lytebox zu öffnen

Parentpage:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Iframetest</title>
<link rel="shortcut icon" href="favicon.ico"/>

<link href="css/layout.css" rel="stylesheet" type="text/css" media="screen" />


<script type="text/javascript"  src="javascript/lytebox_mod/lytebox.js"></script>
<link rel="stylesheet" href="javascript/lytebox_mod/lytebox.css" type="text/css" media="screen" />



<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>

<style type="text/css">
#content {
    text-align: center;}   
</style>

</head>

<body>


<div id="page">
    <div id="header">
</div>

<div id="nav">
<div class="menu">
<ul>
    <li><a href="Index.html" title="Home" target="_self" >Home</a></li>
    
    <li><a href="Galerie.html" title="Autos" target="_self" >Fahrzeuge</a></li>
       
    <li><a href="Videos.html" title="Videos" target="_self" >Videos</a></li>
    
    <li><a href="Events.html" title="Events" target="_self" >Events</a></li>
    
    <li><a href="Gaestebuch.html" title="Gästebuch" target="_self" >Gästebuch</a></li>

    <li><a href="Kontakt.html" title="Kontakt" target="_self" >Kontakt</a></li>    
</ul>
</div>
</div>

<div id="content">




<iframe frameborder="0"  src="frametestframe.html" width="50%" height="50%" allowtransparency="true" align="right"></iframe>



</div>
<div id="footer">


<span id="links">
<span id="zaehler">
    <img src="/tinc?key=FqxpmGYn">
</span>

    <a href="impressum_neu.html">Impressum</a>
</span>



</div>
</body>
</html>

und die Framehtml:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Iframetest</title>
<link rel="shortcut icon" href="favicon.ico"/>

<link href="css/layout.css" rel="stylesheet" type="text/css" media="screen" />

<!-- slimbox Script einbinden -->
<script type="text/javascript"  src="javascript/lytebox_mod/lytebox.js"></script>
<link rel="stylesheet" href="javascript/lytebox_mod/lytebox.css" type="text/css" media="screen" />


<!-- PicLens Script einbinden -->
<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>

<style type="text/css">
#content {
    text-align: center;}   
</style>

</head>

<body style="background-color:transparent">



<a href="Fotoalben/001.jpg" class="foto" rel="lytebox[001]"><img src="Fotoalben/001_k.jpg" /></a>

</body>
</html>

Ich hoffe ihr könnt mir helfen
mfg Danilo

Herr_D · 17.08.2010

Ich gönne dir mal einen eigenen Thread, dann mußt du dich nicht an ein fremdes Thema anhängen...

+Codeansicht eingebaut...

sokie · 18.08.2010

vielleicht bist du besser beraten deine Seite so aufzubauen, dass sie ohne iframe auskommt. Schlisslich ist das Problem mit dem speziellen Script nur eins von vielen, die der unbedachte Umgang mit unpassenden Elementen(iframe) verursacht.

Danilo17 · 18.08.2010

Naja wollte es aber gern so haben mur find ich den be*** fehler nicht:'(

sokie · 18.08.2010

iFrames: 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.

klingt für mich so als müsste die css in der Hauptseite und das script in der Frameseite notiert werden. Du hast beides in beidem.

Danilo17 · 18.08.2010

Hab ich auch schon erfolglos probiert. Kann nicht jemand die codes ausprobieren und mir die richtigen mitteilen? Bitte :rolleyes:

cebito · 18.08.2010

Danilo17 schrieb:
Naja wollte es aber gern so haben mur find ich den be*** fehler nicht:'(

Und WARUM wolltest du es gern so haben? Das ganze lässt sich mit hoher Wahrscheinlichkeit auch ohne Iframe umsetzen. Dafür müsste man nur deine Beweggründe wissen.

Dein Problem ist, das die Lytebox im Iframe sitzt, der Iframe ist der "Screen" für alles was darin enthalten ist, die Lytebox wird also auch nur so groß dargestellt. Aus dem Iframe heraus ist es nicht möglich das Hauptfenster zu manipulieren. Also: Iframe raus und schon klappts.

tiekay · 30.08.2010

moin,

hatte vor kurzem genau das gleiche Problem und war ewig auf der Suche nach der Lösung.

Das wichtigste feature an der lytebox (von www.dolem.com) is ja, das sie auch in iframes funktioniert. Nur dummerweise macht sie das nicht, wenn man dem iframe keinen Namen gibt.

Also einfach in <iframe... name="mein_iframe"> hinzufügen und dann klappts auch im iframe.

mfG