Hallo,
ich habe folgende Frage:
Ich habe um Lightbox2 zu testen eine Webseite erstellt.
Nichts berauschendes, ganz einfaches Tabellenlayout. (Wollte ja nur wissen ob ich das mit Lightbox2 verstanden habe).
Nun stellte ich fest das im IE8 alles funktioniert,
in Firefox sind weder die Vorschaubilder zu sehen und die vergrößerung funktioniert auch nicht.
Bild zu Firefox
Bild zu IE8
Der Quellcode sieht so aus:
Bitte in Zukunft das Code-TAG benutzen um Quellcode hier anzuzeigen. Es ist die Raute direkt neben dem Zitat-Tag. Danke. Minaya
ich habe folgende Frage:
Ich habe um Lightbox2 zu testen eine Webseite erstellt.
Nichts berauschendes, ganz einfaches Tabellenlayout. (Wollte ja nur wissen ob ich das mit Lightbox2 verstanden habe).
Nun stellte ich fest das im IE8 alles funktioniert,
in Firefox sind weder die Vorschaubilder zu sehen und die vergrößerung funktioniert auch nicht.
Bild zu Firefox
Bild zu IE8
Der Quellcode sieht so aus:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/URL]">
<html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]" lang="de">
<head>
<title>Lightbox JS v2.0 | Test Seite</title>
<meta http-equiv="Content-Type" content="text/html; charset=">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">
body{
color: #FFFFFF;
font: 13px 'Lucida Grande', Verdana, sans-serif;
background-color: #000000;
}
.Stil1 {
color: #FFFFFF
}
a:link {
color: #00CCFF;
text-decoration: none;
}
a:visited {
color: #009999;
text-decoration: none;
}
a:hover {
color: #00CCCC;
text-decoration: underline;
}
a:active {
color: #0099FF;
text-decoration: none;
}
a {
font-weight: bold;
}
</style>
</head>
<body>
<table width="750" border="2" align="center" cellpadding="0" cellspacing="2" bordercolor="#FFFFFF">
<tr>
<td><table width="100%" border="0" cellpadding="0">
<tr>
<td colspan="7" align="left" valign="middle" bgcolor="#666666">
<h1>Thomas Becker - Workshops</h1></td>
</tr>
<tr>
<td colspan="7" align="left" valign="middle"> </td>
</tr>
<tr>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#1.jpg" rel="lightbox[workshops]" title="4 Jahreszeiten"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#1.jpg" alt="4 Jahreszeiten" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#2.jpg" rel="lightbox[fworkshops]" title="Be a Superstar"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#2.jpg" alt="Be a Superstar" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#3.jpg" rel="lightbox[fworkshops]" title="Beethoven Remix"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#3.jpg" alt="Beethoven Remix" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#4.jpg" rel="lightbox[workshops]" title="Blaue Kugel"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#4.jpg" alt="Blaue Kugel" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#5.jpg" rel="lightbox[workshops]" title="Blütenzauber"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#5.jpg" alt="Blütenzauber" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#6.jpg" rel="lightbox[workshops]" title="Bammental Collage"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#6.jpg" alt="Bammental Collage" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#7.jpg" rel="lightbox[workshops]" title="Der Kriegsanstifter"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#7.jpg" alt="Der Kriegsanstifter" width="75" height="75" border="0" /></a></td>
</tr>
<tr>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
</tr>
<tr>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#8.jpg" rel="lightbox[workshops]" title="Der Mann mit der Posaune"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#8.jpg" alt="Der Mann mit der Posaune" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#9.jpg" rel="lightbox[workshops]" title="Independence Day"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#9.jpg" alt="Independence Day" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#10.jpg" rel="lightbox[workshops]" title="Kangaroo"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#10.jpg" alt="Kangaroo" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#11.jpg" rel="lightbox[workshops]" title="Lebendiges Gemälde"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#11.jpg" alt="Lebendiges Gemälde" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#12.jpg" rel="lightbox[workshops]" title="Nicht auflegen"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#12.jpg" alt="Nicht auflegen" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#13.jpg" rel="lightbox[fworkshops]" title="Pcific-Spere"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#13.jpg" alt="Pacific-Sphere" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#14.jpg" rel="lightbox[workshops" title="Pafum"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#14.jpg" alt="Pafum" width="75" height="75" border="0" /></a></td>
</tr>
<tr>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
</tr>
<tr>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#15.jpg" rel="lightbox[workshops]" title="Portrait"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#15.jpg" alt="Portrait" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#16.jpg" rel="lightbox[workshops]" title="Rubiks Cube"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#16.jpg" alt="Rubiks Cube" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#17.jpg" rel="lightbox[workshops]" title="Spiderman"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#17.jpg" alt="Spiderman" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#18.jpg" rel="lightbox[workshops]" title="Tranzparente Effekte"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#18.jpg" alt="Tranzparente Effekte" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#19.jpg" rel="lightbox[fworkshops]" title="We won`t fear"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#19.jpg" alt="We won`t fear" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#20.jpg" rel="lightbox[workshops]" title="World Cup"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#20.jpg" alt="World Cup" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"> </td>
</tr>
<tr>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
</tr>
<tr>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
<td align="center" valign="middle"> </td>
</tr>
<tr>
<td colspan="7" align="center" valign="middle" bgcolor="#666666"><a href="index.html">1</a> <a href="seite_2.html" target="_self">2</a> <a href="seite_3.html" target="_self">3</a> <a href="seite_4.html">4</a> <a href="seite_5.html">5</a></td>
</tr>
<tr>
<td colspan="4" align="left" valign="middle">© Thomas Becker - Bammental 2012</td>
<td align="right" valign="middle"> </td>
<td align="right" valign="middle"> </td>
<td align="right" valign="middle"><a href="impres.html">Impressum</a> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Bitte in Zukunft das Code-TAG benutzen um Quellcode hier anzuzeigen. Es ist die Raute direkt neben dem Zitat-Tag. Danke. Minaya
Zuletzt bearbeitet von einem Moderator: