Probleme beim Formatieren einer Lightbox
Maria
- css
0 Malcolm Beck´s0 Maria
0 Shadowcrow
Ich versuche gerade mich in die Funktionen der Lightbox einzuarbeiten. Ich habe die Grundversion genommen (Glaube ich zumindestens). Aber ich habe bei der formatierung ein grosses Problem. Ich möchte nicht das der Rahmen um den Inhalt in einer Fixen breite ist, sondern sich nach dem jeweiligen Inhalt anpasst. Im Augenblick hat sie eine feste Breite und Höhe. Ich denke das die Formatierung in der css Datei stattfindet. Das Komplette Script findet man hier :
http://www.eight.nl/static/files/leightbox/
Ich habe hier die CSS Datei
body {
font-family: arial;
font-size: 100%;
color: #fff;
line-height: 180%;
text-align: center;
background-color: #232323;
padding: 2em;
}
a,a:active,a:visited {
color: #09c;
}
a:hover {
color: #0cf;
}
h1 {
font-size: 3em;
color: #FFCC00;
}
#container {
width: 50%;
margin: 0 auto;
text-align: left;
}
.footer {
background-color: #000;
padding: 0.5em;
}
.leightbox {
color: #333;
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 1em;
border: 1em solid #B8B8B8;
background-color: white;
text-align: left;
z-index:1001;
overflow: auto;
}
#overlay{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background-color:#333;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.lightbox[id]{ /* IE6 and below Can't See This */ position:fixed; }#overlay[id]{ /* IE6 and below Can't See This */ position:fixed; }
hi,
Im Augenblick hat sie eine feste Breite und Höhe.
» .leightbox {
> }
In diesem Selektor stehen die Eigenschaften, die du suchst.
mfg
Beispiel Bild 1: breit 300 Hoch 400
Beispiel Bild 2: breit 500 Hoch 200
~~~css
top: 25%;
left: 25%;
width: 50%;
height: 50%;
Wie sage ich dem Script das es nicht 50% Breit sein soll sondern so breit wie das Bild 1 bzw Bild 2 das eingeblendet wird, und vor allem wie sage ich es dann das es in der Mitte sein soll?
Maria, die Unwissende!
hi,
Wie sage ich dem Script das es nicht 50% Breit sein soll sondern so breit wie das Bild 1 bzw Bild 2 das eingeblendet wird, und vor allem wie sage ich es dann das es in der Mitte sein soll?
Das wird ein bisschen Tricky, dafür müsstest du schon ans Javascript ran und mit Javascripr diese Werte setzen.
Du hast dir aber auch aus Tausenden von Lightbox-Varianten ausgerechnet eins raus gepickt, dass noch nicht mal in der Demo ein Bild demonstriert.
Ich würde mir da keine Arbeit machen und eine Litebox suchen, die das von Haus aus kann.
mfg
'ǝɯɐu$ ıɥ
Ich versuche gerade mich in die Funktionen der Lightbox einzuarbeiten. Ich habe die Grundversion genommen (Glaube ich zumindestens). Aber ich habe bei der formatierung ein grosses Problem. Ich möchte nicht das der Rahmen um den Inhalt in einer Fixen breite ist, sondern sich nach dem jeweiligen Inhalt anpasst. Im Augenblick hat sie eine feste Breite und Höhe. Ich denke das die Formatierung in der css Datei stattfindet. Das Komplette Script findet man hier :
du hast dir anscheinend die einzige lightbox variante angelacht die das so macht, die anderen passen sich dem ihnhalt (und der vieportgröße) an *g*.
ich nutze die thickbox und bin zufrieden damit...
ssnɹƃ
ʍopɐɥs