• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Lightboxes funktionieren nicht richtig

K

Kemna

Neues Mitglied
Hallo,

Meine Voraussetzungen:
Ich bin neu hier aber alt, d. h. man muss mir idiotensicher erklären.
Ich verwende Dreamweaver CS3.

Mein Problem:
* Auf der index.html wird auf eine beispiele.html, die sich in einem Ordner ‚pages’ befindet verlinkt (klappt).
* In beispiele.html werden lightboxes aufgerufen, und das klappt nur halb, denn es erscheinen keine lightboxes, sondern nur die Bilder, die eigentlich in den lightboxes erscheinen sollen.

Wenn ich beispiele.html zu index.html mache, klappt alles bestens.

Für Hilfe Dank und Gruß
Kemna
 
Hallo,

hier ist das Projekt stark reduziert:

Projektinhalt:
Ordner css
Ordner js
Ordner images
Ordner pages
index.html

index.html:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> </head>
<body>
<p align="center"><font color="#0030FF" size="6"><a href="pages/beispiele.html">Beispiele</a></font></p>
</body>
</html>

beispiele.html (aus pages):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" ../images="screen" />
</head>

<body>
<a href="../images/beispiel_1.jpg" rel="lightbox" title=""><img src="../images/tbeispiel_1.jpg" alt="" width="67" height="100" border="0"></a>

</body>
</html>

Hier die Prüfung der Links, mit der ich nicht viel anfangen kann.

Fehlerhafte Hyperlinks:
Beispiele/css/lightbox.css data:image/gif;base64,AAAA
Beispiele/js/lightbox-web.js images/loading.gif
Beispiele/js/lightbox-web.js images/close.gif
Beispiele/js/lightbox.js images/loading.gif
Beispiele/js/lightbox.js images/close.gif
Beispiele/js/scriptaculous.js '+libraryName+'
Beispiele/pages/beispiele.html js/prototype.js
Beispiele/pages/beispiele.html js/scriptaculous.js?load=effects,builder
Beispiele/pages/beispiele.html js/lightbox.js
Beispiele/pages/beispiele.html css/lightbox.css

Gruß Kemna
 
Bei diesem Aufbau stimmt die Verlinkung zu den Lightbox-Dateien nicht. Statt

HTML: 
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" ../images="screen" />

müsste es lauten

HTML: 
<script type="text/javascript" src="../js/prototype.js"></script>
<script type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="../js/lightbox.js"></script>
<link rel="stylesheet" href="../css/lightbox.css" type="text/css" ../images="screen" />
 
Hallo threadi,
doch nicht 100%ig: In der Box fehlen Text (wenn ich den noch eintrage) und closelabel. Habe ich nicht die richtigen Scripts (lightbox.css und js-Scripts) eingebunden?
Gruß Kemna
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben