JavaScript Lightbox in Source einfügen - Lightbox wird nicht erkannt!

N-rG · 13. August 2009

Hallo,

ich habe vor kurzem eine Lightbox auf einer leeren html Seite erstellt. Jetzt möchte ich gerne die lightbox für meine hp anwenden.

1. Muss ich das Lightbox-Script ebenfalls in allen Seiten in den Source Code eingeben, damit die Verlinkungen funktionieren?
Auf dem Index z. B. ist gar kein Bild, brauch ich den Script trotzdem?

Muss ich irgendwas am Server ändern den als localhost funktionierts ja?!

2. Kann mir jemand mit meinem Code helfen?
Jemand der sich auskennt, findet bestimmt den Fehler

<!DOCTYPE html PUBLIC >
<html xmlns=>
<head profile=>
<title>nk-designed</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="lightbox_assets/css/lightbox.css" type="text/css" media="screen" />
<script src="lightbox_assets/js/prototype.js" type="text/javascript"></script>
<script src="lightbox_assets/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="lightbox_assets/js/lightbox.js" type="text/javascript"></script>
</head>
<body onLoad="initLightbox()">
<div id="bgcontainer">
<div class="Header">
<div class="Syn">
<ul>
<li class="Post"></li>
</ul>
</div>
<div class="clr"></div>
<div class="Menu">
<ul>
<li><a href="index.html">menü</a></li>
<li><a href="uebermich.html">über mich</a></li>
<li><a href="archiv.html">archiv</a></li>
<li><a href="impressum.html">impressum</a></li>
</ul>
</div>
<div class="clr"></div>
</div>
<div class="CON">
<div class="SC">
<div class="SC_f">
<div class="SC_bg">
<div class="Post" id="post-41">
<div class="PostHead">
<div class="PostHead">
<h2>Vektorgrafiken<br>
</h2>
<p class="PostContent"><span class="PostContent"><br>
Definition: Vektorgrafiken basieren auf grafischen Primitiven wie Linien, Rechtecken, Kreisen, Ellipsen, Polylinien und Polygonen, die von Koordinatenpunkten ausgehend gespeichert und dargestellt werden. </span></p>
<p class="PostContent"> </p>
<p class="PostContent"><a href="bilder/vektor-blumenfrau.jpg" title="Frau mit Blumen" rel="lightbox[Vektorgrafiken]"><img src="bilder/vektor-blumenfrau.jpg" width="270" height="385"></a></p>
<p class="PostContent"> </p>
<p class="PostContent"><span class="PostContent"><br>
</span><br>
<br>
</p>
<div class="clr">
<p> </p>
<p><a href="bilder/vektorpolaroid.jpg" title="Polaroid
" rel="lightbox[Vektorgrafiken]"><img src="bilder/vektorpolaroid.jpg" width="270" height="270"></a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div class="PostContent">
<p>info@nk-designed.com</p>
</div>
</div>
</div>
<div class="Post" id="post-24">
<div class="PostCom"><span class="Nav"><span>Pages (15) | 1 | 2 | 3 | 4 | 5 |<a href="bildbearbeitung.html"><img src="images/bg_CS.jpg" width="18" height="18"></a></span></span></div></div>
</div>
</div>
</div>
<div class="SR">
<div class="SRR">
<div class="widget widget_categories">
<h2> </h2>
<ul>
<li>[Name entfernt]</li>
</ul>
</div>
<div class="widget widget_archives"></div>
<div class="widget widget_meta"></div>
</div>
</div>
<div class="clr"></div>
</div>
<div class="FBG">
<div class="FooterPanel">
<div>
<p> </p>
<p><a href="vektorgrafikenoriginal.html"><strong><img src="images/pfeiloben.jpg" width="18" height="18"> nach oben</strong></a><span class="clr">
</span></p>
<span class="clr">
<p> </p>
</span></div>
</div>
<div class="banner">
<h2> </h2>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
-
</ul>
<div class="clr"><br />
</div>
</div>
<div class="Footer">
<p><big><strong>© 2009 by [Name entfernt]</strong></big><br />
<strong><a href="/index.html" style="color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif;">copyright by [Name entfernt]</a><a href="" style="color: #ffffff;text-decoration: none;"></a></strong></p>
</div>
</div>
</div>
</body>
</html>

Die Seite dazu:
http://www.nk-designed.com/Copy of vektorgrafiken.html

ich verstehe nicht, wieso die Lightbox nicht erkannt wird?

Ich habe so viele Anleitungen dazu gefunden, wie genau man die Lightbox einfügt.
Der Script ist drin, der richtige Code für das Bild?!

Hoffentlich kann mir jemand helfen

Ich danke euch schon mal!

Stefan_Sch · 13. August 2009

http://www.karakas-online.de/teia/JavaScript/javascript_1_2.htm

Hinsichtlich der Einbindung stellt der Hersteller bestimmt entsprechende Demoseiten zur Verfügung, die dir zeigen, wie man das Skript verwendet.

Boron · 13. August 2009

Präfix Java --> JavaScript
Warum nicht selbst gemacht. JavaScript steht in der Liste direkt unter Java!

BuzzGo · 13. August 2009

Fehler: Effect is not defined
Quelldatei: http://www.nk-designed.com/lightbox_assets/js/lightbox.js
Zeile: 382

Schaue Dir das Tutorial vom Hersteller der Lightbox einmal an.

Dieser Fehler wäre Dir auch sicherlich aufgefallen, wenn Du Dir den Javascript-Fehler angeschaut hättest.

Ich nutze dazu z. B. im FF das Plug-In "Web Developer".

Ach ja, TIPP:
Lade doch auch mal die Datei "scriptaculous.js" hoch. Die fehlt bei Dir im Verzeichnis "/lightbox_assets/js/"

jimi77 · 21. August 2009

schau dir doch mal andere Lightboxen an, zB Fancybox oder Slimbox.

Sind sehr gute und sehr einfache Lightboxen zum einfügen

Suche

JavaScript Lightbox in Source einfügen - Lightbox wird nicht erkannt!

N-rG

Gast

Stefan_Sch

Gast

Boron

Commander

BuzzGo

Lieutenant

jimi77

Gast

Ähnliche Themen