✔ lightbox links und nicht abgedunkelt

K

Keehn

Grünschnabel
hi =)

ich wollte heute für ein neues Projekt mal die Lightbox benutzen. Es funktioniert bis auf dass das Bild links ausgegeben wird und der hintergrund sich nicht verdunkelt. Links bzw. Buttons der LIghtbox ist alles zu sehen.
Habe es daraufhin mit slimbox probiert, mit dem unterschied das dieses sogar das bild soweit links ausgibt, dass es halbiert wird.
sitze jetzt seit längerer Zeit dran und komme einfach nicht weiter.
ich wäre sehr über Hilfe erfreut =)
 
Ohne Code ist es schwer da was zu sagen! Hast du eventuell eine Seite, wo man sich das anschauen kann?
 
Klingt erstmal so, wie wenn deine Verweise (<a href="...">...</a>) das erforderliche Attribut rel="lightbox" nicht besitzen würden, womit das Bild nicht in der Lightbox, sondern direkt in der Browseransicht präsentiert wird.

Siehe zum Abgleich deines Quellcodes den Abschnitt "Part 2 - Activate" des Kapitels How to use.
 
Zuletzt bearbeitet:
also hier mal der code:

<!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" />
<title>Mandirs Art</title>

<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" media="screen" />

<link rel="stylesheet" type="text/css" href="style/style.css"/>


</head>

<body>

<div id="mandirsart">
<img src="style/mandirsart.gif" WIDTH=1000 HEIGHT=280 alt="mandirsart" /><br><br><br>
</div>


<div id="soultext">

<img src="style/soultext.gif" WIDTH=680 HEIGHT=320 alt="mandirsart" />


</div>

<div id="soulwaving_bilder">
<a href="style/soulwaving/DSC_0322.gif" rel="lightbox"><img src="style/soulwaving/DSC_0322.gif" WIDTH=200 HEIGHT=130/></a>
<a href="style/soulwaving/DSC_3355.gif" rel="lightbox"><img src="style/soulwaving/DSC_3355.gif" WIDTH=200 HEIGHT=130/></a>
<a href="style/soulwaving/DSC_3745.gif" rel="lightbox"><img src="style/soulwaving/DSC_3745.gif" WIDTH=200 HEIGHT=130/></a>
<a href="style/soulwaving/DSC_3756.gif" rel="lightbox"><img src="style/soulwaving/DSC_3756.gif" WIDTH=200 HEIGHT=130/></a>
<a href="style/soulwaving/DSC_3765.gif" rel="lightbox"><img src="style/soulwaving/DSC_3765.gif" WIDTH=130 HEIGHT=130/></a>
<a href="style/soulwaving/IMG_3372.gif" rel="lightbox"><img src="style/soulwaving/IMG_3372.gif" WIDTH=200 HEIGHT=130/></a>

</div>







<div id="navi">
<a href="index.html">Startseite</a>   
<a href="1.htm">Impressum</a>   
<a href="1.htm">Kontakt</a>   
<a href="1.htm">Painting</a>   
<a href="1.htm">Tattooing</a>   
<a href="1.htm">Soulwaving</a>   

</div>

</body>

</html>
Zum Vergrößern anklicken....
 
So wie es sich darstellt, befindet sich das Lightbox-CSS nicht unter diesem angegebenen Pfad:

HTML: 
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Dies hat dann gleichermaßen zur Folge, dass das Bild direkt in der Seite gezeigt wird, und diese sich nicht abdunkelt.
 
Zuletzt bearbeitet:
hab eben nochmal alle angaben gecheckt, unter anderem auch den stylesheet verweiß. Ist alles im richtigen Ordner...
 
Tja, und nu? Sollen wir uns jetzt auf den Weg machen, die Glaskugel nach dem Grund zu fragen?

Wen dem so ist, dass auch diese mögliche Fehlerquelle ausgeschlossen werden kann, weil im Quellcode alle Pfade der relevanten Lightbox-Dateien (*.js, lightbox.css) mit deiner Verzeichnisstruktur übereinstimmen, hättest du, falls noch nicht geschehen, mal besser deine Seite irgendwo online gestellt, und den Link genannt, um überhaupt mit einem sachdienlichen Hinweis rechnen zu können.

In deinem gezeigten Code ist nämlich von hier aus keine Abweichung vom Original-Quellcode ersichtlich, die diese Störung hervorrufen könnte, ansonsten hätte ich hier heute Morgen nicht die wage Vermutung bzgl. der fehlenden lightbox.css-Datei geäußert, wo exakt dein beschriebenes Störungsmuster auftritt, sondern direkt das Kind beim Namen genannt.
 
Zuletzt bearbeitet:
Poste einfach mal den link zur Seite. Da dein Doctype auf XHTML 1.0 Transitional ist, sollte du auch alle Elemente, Attribute und Werte in deinem HTML-Dokument klein schrieben. Ist sonst nicht valide!
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück