Lightbox funtioniert nicht

lila · 3. Oktober 2012

Hallo zusammen,
ich habe gesehen das dieses Thema öfter angesprochen wird, habe jedoch keine Lösung für mein Problem gefunden.
Ich bin erst eine Anfängerin was das programmieren von Internetseiten angeht.
Wollte mal die Lightbox ausprobieren und nun sitzt ich hier seit Stunden und finde keine Lösung für mein Problem.
Ich habe alles so gemacht wie es auf der Seite beschrieben wird. Auch schon mehrfach kontrolliert.
Nun wird die Testseite in FF, IE und Chrome angezeigt, jedoch nicht die eingebundene Lightbox.
Bei FF ist zumindest der Hintergrund abgedunkelt, bei den anderen Browsern werden die Bilder ganz normal angezeigt ohne die Einbindung von Lightbox. Jedoch kann ich auch bei FF nicht durch die Bilder blättern.
Was mich etwas verwirrt und was ich gerne verstehen würde wäre auch noch folgendes:
In der index.html soll ja folgendes stehen:
<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>

Kann mir bitte jemand helfen den Fehler zu finden oder erklären warum es in den Browsern nicht funktioniert?

cgee · 4. Oktober 2012

Bild3 ist im Pfad großgeschrieben. Schau ob die Datei im Ordner auch großgeschrieben ist.

Und benutze mal diese lightbox.
http://leandrovieira.com/projects/jquery/lightbox/

kanufrosch · 4. Oktober 2012

Bitte den Code vollständig hier angeben und in den entsprechenden BB Tags einfügen !!

Sonst keine Hilfe.

Kanu

EDIT: Wenn bie dir diese Dateien fehlen kann das nix werden...
Im Anhang ist eins das definitiv vollständig ist..

Und übrigens Webseite werden genau genommen nicht prgrammiert den HTML ist keine Programmiersprache

lila · 4. Oktober 2012

Danke für eure Antworten.
Ich habe gestern Abend einen andere Version von Lightbox runtergeladen. Danach hat es auch funktioniert.
Meine Vermutung war richtig, dass die fehlenden Dateien eigentlich im Ordner sein sollten.
Jetzt ist alles da und ich habe nun mein nächstes Problem. Ich will es auf einer Seite verwenden, wo ich mit einer Vorlage abreite.
Irgendwie scheint es wieder nicht zu gehen Das Problem sieht nun wieder genauso aus wie vorher, obwohl der Ordner und die Angaben alle identisch sind, funktioniert es nicht in der Template. Die Bilder werden ganz normal vergrößert, die Verlinkungen stimmen, nur die Lightbox wird nicht aktiviert.
Muss ich das eventuelle wo anderes einfügen?

Der Code war vollständig. Ich hatte nur die Lightbox ausprobiert.
Ich hoffe das ich es so richtig verstanden habe.

HTML

</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" /><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" media="screen" />
<!-- TemplateBeginEditable name="doctitle" -->
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --><link href="../styles/mainStyle.css" rel="stylesheet" type="text/css" /><link href="../styles/screen.css" rel="stylesheet" type="text/css" media="screen" /><link href="../styles/print.css" rel="stylesheet" type="text/css" media="print" /><!-- TemplateParam name="IndexActive" type="boolean" value="true" --><!-- TemplateParam name="ReferenzenActive" type="boolean" value="true" --><!-- TemplateParam name="AboutActive" type="boolean" value="true" --><!-- TemplateParam name="ContactActive" type="boolean" value="true" --><!-- TemplateParam name="GrafikDesignActive" type="boolean" value="true" --><!-- TemplateParam name="IllustrationActive" type="boolean" value="true" --><!-- TemplateParam name="BildbearbeitungActive" type="boolean" value="true" --><!-- TemplateParam name="ImpressumActive" type="boolean" value="true" --></head>
<body>
    <div id="container">      <div id="navigation">      <style type="text/css">
#navigation{             position: fixed;</style>            <ul>              			  			  <!-- TemplateBeginIf cond="!_document['IndexActive']" -->              <li><a href="../index.html">Home</a></li>              <!-- TemplateEndIf -->              			  <!-- TemplateBeginIf cond="_document['IndexActive']" -->              <li><span class="active">Home</span></li>              <!-- TemplateEndIf -->                                          <!-- TemplateBeginIf cond="!ReferenzenActive" -->			  <li><a href="../pages/referenzen.html">Referenzen</a></li>			  <!-- TemplateEndIf -->                            <!-- TemplateBeginIf cond="ReferenzenActive" -->			  <li><span class="active">Referenzen</span>              	<ul>              	  				  <!-- TemplateBeginIf cond="!GrafikDesignActive" -->              	  <li><a href="../pages/grafikdesign.html">Grafik Design</a></li>              	  <!-- TemplateEndIf -->                                    <!-- TemplateBeginIf cond="GrafikDesignActive" -->              	  <li><span class="active">Grafik Design</span></li>              	  <!-- TemplateEndIf -->
				  <!-- TemplateBeginIf cond="!IllustrationActive" -->              	  <li><a href="../pages/illustration.html">Illustration</a></li>              	  <!-- TemplateEndIf -->                                    <!-- TemplateBeginIf cond="IllustrationActive" -->              	  <li><span class="active">Illustration</span></li>              	  <!-- TemplateEndIf -->				  				  <!-- TemplateBeginIf cond="!BildbearbeitungActive" -->              	  <li><a href="../pages/bildbearbeitung.html">Bildbearbeitung</a></li>              	  <!-- TemplateEndIf -->                                    <!-- TemplateBeginIf cond="BildbearbeitungActive" -->              	  <li><span class="active">Bildbearbeitung</span></li>              	  <!-- TemplateEndIf -->
              	</ul>              </li>			  <!-- TemplateEndIf -->              			  <!-- TemplateBeginIf cond="!AboutActive" -->			  <li><a href="../pages/uebermich.html">Über mich</a></li>			  <!-- TemplateEndIf -->                            <!-- TemplateBeginIf cond="AboutActive" -->			  <li><span class="active">Über mich</span></li>			  <!-- TemplateEndIf -->              			  <!-- TemplateBeginIf cond="!ContactActive" -->			  <li><a href="../pages/contact.html">Kontakt</a></li>			  <!-- TemplateEndIf -->                            <!-- TemplateBeginIf cond="ContactActive" -->			  <li><span class="active">Kontakt</span></li>			  <!-- TemplateEndIf -->       		              <!-- TemplateBeginIf cond="!ImpressumActive" -->			  <li><a href="../pages/impressum.html">Impressum</a></li>			  <!-- TemplateEndIf -->                            <!-- TemplateBeginIf cond="ImpressumActive" -->			  <li><span class="active">Impressum</span></li>			  <!-- TemplateEndIf --></ul>		</div>      <!-- end of navigation -->                <div id="innerContainer">                    <div id="content">                <!-- TemplateBeginEditable name="Content" -->                <p>Bitte geben Sie hier Ihren Inhalt ein!</p>                <!-- TemplateEndEditable -->            </div><!-- end of content -->                                                <div id="footer">                                <p class="onlyPrint">Diese Seite haben Sie sich unter http://www.likradesign.de ausgedruckt!</p>            </div><!-- end of footer -->
	  </div><!-- end of #innerContainer -->    </div><!-- end of container -->
</body></html>

Alles anzeigen

kanufrosch · 4. Oktober 2012

Deine Seite BEGINNT mit

HTML

</html>

in deinem Style Tga fehlt ein

HTML

EDIT: Teilweise Sehr fehlerhafter Code...
Hier mal grob bereinigt:

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" />
		<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" media="screen" />
		<!-- TemplateBeginEditable name="doctitle" -->
		<!-- TemplateEndEditable -->
		<!-- TemplateBeginEditable name="head" -->
		<!-- TemplateEndEditable -->
		<link href="../styles/mainStyle.css" rel="stylesheet" type="text/css" />
		<link href="../styles/screen.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="../styles/print.css" rel="stylesheet" type="text/css" media="print" />
		<!-- TemplateParam name="IndexActive" type="boolean" value="true" -->
		<!-- TemplateParam name="ReferenzenActive" type="boolean" value="true" -->
		<!-- TemplateParam name="AboutActive" type="boolean" value="true" -->
		<!-- TemplateParam name="ContactActive" type="boolean" value="true" -->
		<!-- TemplateParam name="GrafikDesignActive" type="boolean" value="true" -->
		<!-- TemplateParam name="IllustrationActive" type="boolean" value="true" -->
		<!-- TemplateParam name="BildbearbeitungActive" type="boolean" value="true" -->
		<!-- TemplateParam name="ImpressumActive" type="boolean" value="true" -->
	</head>
	<body>
	<div id="container">
		<div id="navigation">
        	<ul>
			<!-- TemplateBeginIf cond="!_document['IndexActive']" -->
				<li><a href="../index.html">Home</a></li>
				<!-- TemplateEndIf -->
				<!-- TemplateBeginIf cond="_document['IndexActive']" -->
				<li><span class="active">Home</span></li>
				<!-- TemplateEndIf -->
				<!-- TemplateBeginIf cond="!ReferenzenActive" -->
				<li><a href="../pages/referenzen.html">Referenzen</a></li>
				<!-- TemplateEndIf -->
				<!-- TemplateBeginIf cond="ReferenzenActive" -->
				<li>
					<span class="active">Referenzen</span>
					<ul>
						<!-- TemplateBeginIf cond="!GrafikDesignActive" -->
						<li><a href="../pages/grafikdesign.html">Grafik Design</a></li>
						<!-- TemplateEndIf -->
						<!-- TemplateBeginIf cond="GrafikDesignActive" -->
						<li><span class="active">Grafik Design</span></li>
						<!-- TemplateEndIf -->
						<!-- TemplateBeginIf cond="!IllustrationActive" -->
						<li><a href="../pages/illustration.html">Illustration</a></li>
						<!-- TemplateEndIf -->
						<!-- TemplateBeginIf cond="IllustrationActive" -->
						<li><span class="active">Illustration</span></li>
						<!-- TemplateEndIf -->
						<!-- TemplateBeginIf cond="!BildbearbeitungActive" -->
						<li><a href="../pages/bildbearbeitung.html">Bildbearbeitung</a></li>
						<!-- TemplateEndIf -->
						<!-- TemplateBeginIf cond="BildbearbeitungActive" -->
						<li><span class="active">Bildbearbeitung</span></li>
						<!-- TemplateEndIf -->
					</ul>
				</li>
				<!-- TemplateEndIf -->
				<!-- TemplateBeginIf cond="!AboutActive" -->
				<li><a href="../pages/uebermich.html">&Uuml;ber mich</a></li>
				<!-- TemplateEndIf -->
				<!-- TemplateBeginIf cond="AboutActive" -->
				<li><span class="active">&Uuml;ber mich</span></li>
				<!-- TemplateEndIf -->
				<!-- TemplateBeginIf cond="!ContactActive" -->
				<li><a href="../pages/contact.html">Kontakt</a></li>
				<!-- TemplateEndIf -->
				<!-- TemplateBeginIf cond="ContactActive" -->
				<li><span class="active">Kontakt</span></li>
				<!-- TemplateEndIf -->
				<!-- TemplateBeginIf cond="!ImpressumActive" -->
				<li><a href="../pages/impressum.html">Impressum</a></li>
				<!-- TemplateEndIf -->
				<!-- TemplateBeginIf cond="ImpressumActive" -->
				<li><span class="active">Impressum</span></li>
				<!-- TemplateEndIf -->
			</ul>
		</div>
		<!-- end of navigation -->
    	<div id="innerContainer">
			<div id="content">
				<!-- TemplateBeginEditable name="Content" -->
				<p>Bitte geben Sie hier Ihren Inhalt ein!</p>
				<!-- TemplateEndEditable -->
        	</div>
			<!-- end of content -->
			<div id="footer">
				<p class="onlyPrint">Diese Seite haben Sie sich unter http://www.likradesign.de ausgedruckt!</p>
			</div>
			<!-- end of footer -->
		</div>
		<!-- end of #innerContainer -->
	</div>
	<!-- end of container -->
</body>
</html>

Alles anzeigen

lila · 7. Oktober 2012

Ich danke dir für deine Hilfe!
Ich hatte es mehrmals kopiert, weil ich es nicht geordnet hier reinkopieren konnte und da war wohl was doppelt kopiert.

Trotzdem funktioniert Lightbox nicht-.-
Kann mir jemand helfen?

kanufrosch · 7. Oktober 2012

Hast du mal überprüft ob die Dateien jetzt auch wirklich alle da sind und vor allem auch wirklich geladen werden ?!

Einfach mal - je nach Browser ist das sehr einfach - den Quellcode öffnen und gucken ob alle Dateien geladen werden...

Lightbox funtioniert nicht

Jetzt mitmachen!

Teilen