Ich habe in den letzten Tagen eine Bildervorschau erstellt mit der Lightbox. Nun hatte ich das Ganze fertiggestellt und habe das Alles hochgeladen. Die Bilder werden auf der bisher existierenden Seite als iFrame dargestellt. Aber jetzt kommt die Bildervorschau nicht. Stattdessen wird in der Firefox-Console folgendes ausgegeben: Load denied by X-Frame-Option.
Was soll denn das nun schon wieder heisen? Lokal funktioniert das Alles wie es soll.
Und seither hat das doch auch funktioniert.
Hier mal der HTML-Code einer Bildervorschauseite.
HTML
<!DOCTYPE html>
<html lang="de">
<!-- ************************************************************ -->
<!-- * Kopfbereich der Bilder-Frame Seite * -->
<!-- ************************************************************ -->
<head>
<title> Bilder Frame 2004 MFB </title>
<meta name="author" content="Ralf Kaiser" />
<meta name="keywords" content="Motorradfreunde Buchenbachtal, Winnenden, Berglen, Motorradclub, Stammtisch, Buchenbach, Biker" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></Script>
<!-- **************************************** -->
<!-- * Einbindung Light-Box Element * -->
<!-- **************************************** -->
<link href="../css/lightbox.css" rel="stylesheet" />
<script src="../js/jquery-1.11.0.min.js"></Script>
<script src="../js/lightbox.min.js"></script>
<!-- **************************************** -->
<!-- * Farbgebung der Elemente * -->
<!-- **************************************** -->
<link rel="Stylesheet" type="text/css" href="../css/BilderFrames.css" />
</Head>
<!-- ************************************************************ -->
<!-- * Seitenbereich der Bilder-Frame Seite * -->
<!-- ************************************************************ -->
<body>
<!-- **************************************** -->
<!-- * Jahreszahlenleiste links * -->
<!-- **************************************** -->
<!-- * Unter HTML5 dürfen keine Leerzeichen * -->
<!-- * sowie Sonderzeichen in den Dateina- * -->
<!-- * men enthalten sein!! * -->
<!-- **************************************** -->
<div id="JahresLeiste">
<a href="../Inhalt/BilderFrame_2015.html"> 2015 </a>
<a href="../Inhalt/BilderFrame_2014.html"> 2014 </a>
<a href="../Inhalt/BilderFrame_2013.html"> 2013 </a>
<a href="../Inhalt/BilderFrame_2012.html"> 2012 </a>
<a href="../Inhalt/BilderFrame_2011.html"> 2011 </a>
<a href="../Inhalt/BilderFrame_2010.html"> 2010 </a>
<a href="../Inhalt/BilderFrame_2009.html"> 2009 </a>
<a href="../Inhalt/BilderFrame_2008.html"> 2008 </a>
<a href="../Inhalt/BilderFrame_2007.html"> 2007 </a>
<a href="../Inhalt/BilderFrame_2006.html"> 2006 </a>
<a href="../Inhalt/BilderFrame_2005.html"> 2005 </a>
<span style="float:right; margin-right: 5px; color: #00FF00"> 2004 </span>
</div>
<!-- **************************************** -->
<!-- * Seitenüberschrift * -->
<!-- **************************************** -->
<div id="Titel1">
Jahresausfahrt in den Südschwarzwald 2004
</div>
<!-- **************************************** -->
<!-- * Fensterbereich für Bildervorschau * -->
<!-- **************************************** -->
<div id="Bildervorschau">
<!-- Bild 001 -->
<a href="../Bilder/2004/2004_01.gif" data-lightbox="Ausfahrt1"
data-title="Bei einer Pause">
<img class="ScaleImg" src="../Bilder/2004/2004_01.gif"
title="Bei einer Pause" alt="Bild 001" />
</a>
<!-- Bild 002 -->
<a href="../Bilder/2004/2004_02.gif" data-lightbox="Ausfahrt1"
data-title="Beim wohlverdienten Bier">
<img class="ScaleImg" src="../Bilder/2004/2004_02.gif"
title="Beim wohlverdienten Bier" alt="Bild 002" />
</a>
<!-- Bild 003 -->
<a href="../Bilder/2004/2004_03.gif" data-lightbox="Ausfahrt1"
data-tile="Bei der Stadterkundung">
<img class="ScaleImg" src="../Bilder/2004/2004_03.gif"
title="Bei der Stadterkundung" alt="Bild 003" />
</a>
</div>
</body>
</html>Die Bildervorschau wird über folgende Seite aufgerufen:
HTML
<table width="100%" height="655" border="0" bgcolor="#000000" cellpadding="0" cellspacing="0"> <!Tabelle 5 (Inhalt)>
<tr>
<td height="40" border="0" bgcolor="#000000" align="center"> <font color="#0E46F9" size="6"> <b> <u> Bilder </u></b> </font> </td>
</tr>
<tr>
<td height="560" bgcolor="#000000">
<table width="100%">
<tr>
<td width="20"> </td>
<td> <iframe src="Inhalt/Bilder Frame 2013.html" name="frame" frameborder="0" scrolling="auto" width="100%" height="555"> Eigendliche Inhalt </iframe> </td>
<td width="20"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="55" bgcolor="#000000" border="0">
<table width="100%" height="55" bgcolor="#000000" border="0" cellpadding="5" cellspacing="5">
<tr>
<td width="14%" </td>
<td width="23%" </td>
<td width="51%" align="right"> <font size="5"></a> <a href="Home.html"> Home </a> </font> </td>
<td width="12%" align="center"> <font size="5"> <a href="Bilder MFB.html"> zurück </a> </font> </td>
</tr>
</table>Was ist da falsch? Was muss geändert werden damit es funktioniert?