Antworten auf deine Fragen:
Neues Thema erstellen

AW: Lytebox aus IFrame starten lassen

D

Danilo17

Guest

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
 
Zuletzt bearbeitet von einem Moderator:

Herr_D

offline

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


+Codeansicht eingebaut...
 

sokie

Mod | Web

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.
 

sokie

Mod | Web

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.
 
D

Danilo17

Guest

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

cebito

undefined

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

Noch nicht viel geschrieben

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
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben