Autor |
Nachricht |
oakland-8
Threadersteller
Dabei seit: 26.01.2007
Ort: unten - schräg rechts
Alter: -
Geschlecht:
|
Verfasst Do 15.10.2009 17:34
Titel Kleiner fehler in Lightbox |
|
|
Hallo, ich habe auf einer Seite versucht die Lightbox zum Laufen zu bekommen - ist mir auch durchaus geglückt. Allerdings funktioniert beim Aufklappen nicht alles komplett: Das verlinkt Bild erscheint, die Bildunterschrift auch (aber an den Rand gedrückt), jedoch kein Schließen-Button.
Vielleicht kann mir jemand helfen, den Fehler zu finden...!
Hier noch der Code: Code: | <div id="text_mi"><a href="material/bilder/nr_01_02.jpg" border="0" width="600" height="400" rel="lightbox" title="Ein Schal für den Herbst."><img src="material/bilder/nr_01.jpg" width="95" height="135" class="bildlink" border="0"></a> |
das CSS: Code: | /* SLIMBOX */
#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox img {
width: auto;
height: auto;
}
#lightbox a img {
border: none;
}
#outerImageContainer {
position: relative;
background-color: #FFFFFF;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer {
padding: 10px;
}
#loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav {
left: 0;
}
#hoverNav a {
outline: none;
}
#prevLink, #nextLink {
width: 49%;
height: 100%;
background-image: url(data:image/gif;base64,AAAA);
/* Trick IE into showing hover */ display: block;
}
#prevLink {
left: 0;
float: left;
}
#nextLink {
right: 0;
float: right;
}
#prevLink:hover, #prevLink:visited:hover {
background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100% ;
}
#imageData {
padding: 0 10px;
color: #666;
}
#imageData #imageDetails {
width: 70%;
float: left;
text-align: left;
}
#imageData #caption {
font-weight: bold;
}
#imageData #numberDisplay {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
outline: none;
}
#overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 50%;
height: 500px;
background-color: #000000;
} |
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Fr 16.10.2009 07:47
Titel
|
|
|
online beispiel ist immer am besten
|
|
|
|
|
Anzeige
|
|
|
oakland-8
Threadersteller
Dabei seit: 26.01.2007
Ort: unten - schräg rechts
Alter: -
Geschlecht:
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 16.10.2009 08:29
Titel
|
|
|
Wenn du #bottomNavClose einen background geben würdest, ist der button auch zu sehen.
Denn er ist ja da.
Mittels Webdeveloper Toolbar für FF oder auch IE hättest du dir alle Elemente anzeigen lassen können, und hättest das sofort bemerkt.
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Fr 16.10.2009 08:30
Titel
|
|
|
deine pfade stimmen schlicht weg nicht. die lightbox erwartet z.b.
http://www.maciste.de/test/images/closelabel.gif
btw. noch kleiner schreibfehler in deiner konsole. schau dir das auch gleich mal an.
Warnung: Unbekannte Eigenschaft 'widht'. Deklaration ignoriert.
Quelldatei: http://www.maciste.de/test/material/buw.css
Zeile: 49
Warnung: Unbekannte Eigenschaft 'widht'. Deklaration ignoriert.
Quelldatei: http://www.maciste.de/test/material/buw.css
Zeile: 58
Fehler: illegal character
Quelldatei: http://www.maciste.de/test/kollektion.html
Zeile: 1, Spalte: 17
Quelltext:
MM_preloadImages(‘/images/menu_on.gif’)…;initLightbox()
edit:
Kash hat geschrieben: | Wenn du #bottomNavClose einen background geben würdest, ist der button auch zu sehen.
Denn er ist ja da. |
mööp. erst kaffee, dann gucken
Code: |
<a id="bottomNavClose" href="#"><img src="images/closelabel.gif"></a>
|
nix background
Zuletzt bearbeitet von pixelpapst303 am Fr 16.10.2009 08:32, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 16.10.2009 08:38
Titel
|
|
|
pixelpapst303 hat geschrieben: |
mööp. erst kaffee, dann gucken
|
oje, da habe ich wirklich nicht richtig geguckt.
Hab nur das Element anzeigen lassen, und durch den Klick auf #bottomNavClose bemerkt das er wohl da sein muß.
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Fr 16.10.2009 08:44
Titel
|
|
|
Kash hat geschrieben: |
oje, da habe ich wirklich nicht richtig geguckt. |
naja, n bild, was nicht da is, übersieht man ja auch leicht
|
|
|
|
|
oakland-8
Threadersteller
Dabei seit: 26.01.2007
Ort: unten - schräg rechts
Alter: -
Geschlecht:
|
Verfasst Fr 16.10.2009 08:46
Titel
|
|
|
Die Schreibfehler konnte ich ausbessern, Danke für den Tipp.
Mit den anderen Sachen kann ich allerdings weniger anfangen.
z.B.: Wo muss ich das backround-Parameter einarbeiten?
Auch "Fehler: illegal character " sagt mir wenig.
Und: Zitat: | noch kleiner schreibfehler in deiner konsole |
Inwiefern?
Dank an Euch!
|
|
|
|
|
|
|
|
Ähnliche Themen |
Quellcode Fehler bei Lightbox
Lightbox
Lightbox 2
lightbox js - problem
problem mit der lightbox
Lightbox CSS Problem
|
|