lightbox ausgabe anpassen

[OS-City]

Nabend , da das andere thema nun beendet istr weil ich das problem gelöst habe, besteht aber eine weitere frage.

Wie kann ich die grösse der lightbox ausgabe einstellen bzw festlegen.

also das die lightbox zb immer in der festgelegten grösse 800x600 geöffnet wird,

habe in der css datei der lightbox schon rum probiert, aber irgent wie hat es nicht geklappt

 

[Maxi]

Hast du hier vielleicht nen Code?

 

[Loon3y]

die größe der llightboxausgabe, wenn du meinst wie groß das bild ist welches du öffnest, ist abhängig vom bild. lightbox hat einmal das kleine thumbnail und dann das vergrößerte wenn du darauf klickst.

Wenn du als großes bild ein 800x600px großes bild hast, dann öffnet er dir auch ein bild in der größe von 800x600px.

 

[OS-City]

nene das ist schon richtig die ox öffnet sich automatisch nach grösse des bildes das soll sie aber nicht
die lightbox soll sie ich 800x600 öffnen, und auf diese grösse die bildausgabe ebenfalls automatsich darstellen.

weil sonst wenn man bild in der grösse von zb 2000x2000 hat, und man öffnet es in der lightbox dan reist es die ganz seite aus einanderalso es ist dan gröser als der browser selber.

und das is das doofe


maxi hier der code der css datei

#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: #fff; 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: 100%; height: 500px; background-color: #000; }

 

[thuemmy]

Also ich hab keine Ahnung, wie das mit JavaScript geht, und ob das überhaupt geht, Bilder in der Größe zu stauchen. Ich habe für einen Bekannten eine Website neu gemacht, auch mit lightbox2 und bilderupload. Da werden die Bilder nach dem Upload mithilfe eines PHP-Scripts auf eine vordefinierte Maximalgröße skaliert und gleichzeitig mit derselben Ratio ein thumbnail generiert. Ich denke mal, dass das die weitaus bessere Variante ist, da die gdlib sicherlich besser skaliert als der Browser on-the-fly.

Und wenn Du die Bilder per FTP hochlädst, dann solltest Du so oder so die Arbeit des Skalierens mit einem Bildbearbeitungsprogramm machen, da bekommst Du immer noch die besten Ergebnisse.

Gruß thuemmy

 

[OS-City]

nene werden per upload gemacht

aber frage dann, ich nutze phpkit wo muss ich dan diede skalirungs funktion einbauen

und wie lautet der code der skalirungs funktion

 

[thuemmy]

Also was phpkit ist, weiß ich nicht. Um die Bilder zu skalieren sind mehrere Funktionen nötig. Die nötigen Funktionen sind:
imagecreatetruecolor()
imagecreatefromjpeg()
imagecopyresampled()
imagejpeg()
Da gibt es ettliche Beispiele im Internet dazu. Worauf Du aber achten musst, dass die Scriptlaufzeit nicht überschritten wird, weil es schon etwas zeitaufwendig sein kann und wie die Last ist, auf dem Webserver, wo Deine Website gehostet wird.

Gruß thuemmy