Maria: Probleme beim Formatieren einer Lightbox

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;    }
  1. hi,

    Im Augenblick hat sie eine feste Breite und Höhe.

    » .leightbox {  
    
    > }
    
    

    In diesem Selektor stehen die Eigenschaften, die du suchst.

    mfg

    1. 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!
      
      1. 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

  2. 'ǝɯɐ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

    --
    In a perfect world, spammers would get caught, go to jail,
    and share a cell with many men who have enlarged their penisses,
    taken Viagra and are looking for a new relationship.