Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Hm, ja, ich habe die Bildgrösse auf max. 750px x 700px eingestellt und das funktioniert super, aber die Rahmen konnte ich leider auch nicht einstellen...

(Siehe zB. hier: Album: O. morio)

P.S.: wie kann man die Plugin Srachelemente auf Ungarisch übersetzen? Das hat mir leider auch nicht gelungen...

Zitat von spectro im Beitrag #15

---

Ich habe die Bildergröße auf 800px Breite beschränkt.

1
2
3
 

#lightbox-image {
    max-width:800px;
}
 

Wie kann ich nun den weißen Rahmen auf max 800px Breite ums Bild anpassen?!

---

Ich kann euch da leider aus zeitlichen Gründen keine detaillierteren Tipps geben. Versucht, während der Diashow einmal mit einen Rechtsklick auf den Bereich, den Ihr ändern wollt, mehr über das Element zu erfahren. Ihr könnt so die ID ganz leicht rausfinden und auch welche Eigenschaften es hat. Ich mache das immer im Chrome Browser. Rechtsklick > Element untersuchen. In der Rechten Spalte seht ihr dann die Eigenschaften. Die kann man sich in ein Textdokument kopieren und dann genauer untersuchen und auch mit zusätzlichen Eigenschaften und Werten ausstatten (position: fixed !important; z.B.). Diese Codes könnt Ihr dann testen.

Die Sache ist auch gar nicht so einfach. Ich musste da auch ein paar Stunden rumspielen. Aber in meinem Fall war das auch noch zusätzlich erschwert, wegen der fixierten Bereiche in meinem Layout. Aber es geht, wenn man sich etwas anstrengt.

Zitat von Lila Pereszke im Beitrag #16

---

P.S.: wie kann man die Plugin Srachelemente auf Ungarisch übersetzen? Das hat mir leider auch nicht gelungen...

---

Zitat von spectro im Beitrag #17

---

Zitat von spectro im Beitrag #15

---

Ich habe die Bildergröße auf 800px Breite beschränkt.

1
2
3
 

#lightbox-image {
    max-width:800px;
}
 

Wie kann ich nun den weißen Rahmen auf max 800px Breite ums Bild anpassen?!

---

@Olaf weißt du wie das geht?

---

Ich habe mir den Code von Romulus (OHNE Größenbeschränkung - das war mir VIEL zu klein) einfach gemopst und bin ohne zusätzliche Bastelei hochzufrieden. Die Diashow sieht je nachdem, ob die Bilder Original oder vorher schon verkleinert eingestellt wurden, unterschiedlich aus. Das Leben ist bunt. Aber nun sehe ich Scrollbalken und auch die Bildinfos unten und mehr wollte ich nicht. Perfektionist bin ich nicht.

Danke wieder mal Romulus

Das freut mich sehr, martali.

@Olaf : Ja, es ging da um den Bereich, der in Deinem Screenshot innerhalb des roten Rahmens zu sehen ist.
Ich glaube da spielt auch noch die ID lightbox-container-image mit rein. Die hatte ich nämlich in meiner Code-Liste mit den Standardwerten gar nicht angeführt. Das würde erklären, weshalb die meisten hier so Schwierigkeiten haben, diesen inzwischen schon berüchtigten Rahmen ansteuern zu können. Ich brauchte bei mir diese ID gar nicht anzutasten. Aber bei mir im Forum ist auch einiges anders, wie Du gut weißt.

Hallo zusammen,

bin gestern auch auf das Problem mit dem weissen Kasten gestoßen.

Hab mir dann mal das ganze mit Firebug angeschaut.

Wenn ich folgenden Einstellungen in die CSS schreibe:

#lightbox-container-image-box{min-width: 768; max-width: 1024px; min-height: 768; max-height: 1024px;}
#lightbox-image{min-width: 768; max-width: 1024px; min-height: 768; max-height: 1024px;}
#lightbox-container-image-data-box{min-width: 768; max-width: 1024px; min-height: 768; max-height: 1024px;}
#lightbox-nav-btnPrev{max-height: 768px;}
#lightbox-nav-btnNext{max-height: 768px;}
#lightbox-loading {display: none !important;}
 
 

und die Lightbox damit laufen lasse, wird der weisse Kasten in einer komplett anderen Größe definiert.
Das Bild wird laut den Einstellungen in der CSS richtig angezeigt. Nur der weisse Kasten nicht.
Beispiel eines Hochkant-Bildes mit der Größe 768px breit und 1024px hoch.:

<div id="lightbox-container-image-box" style="width: 1044px; height: 1556px;">
<div id="lightbox-container-image">
<img id="lightbox-image" style="display: inline; max-height: 472px;" src="https://files.homepagemodules.de/b143308/pictures_u7591_1d47b2.jpg">
<div id="lightbox-nav" style="display: block;">
<a id="lightbox-nav-btnPrev" href="#" style="display: block; height: 1556px; background: url("https://files.homepagemodules.de/b2001010/a_666.gif") no-repeat scroll 0% 0% transparent;"></a>
<a id="lightbox-nav-btnNext" href="#" style="display: block; height: 1556px; background: url("https://files.homepagemodules.de/b2001010/a_666.gif") no-repeat scroll 0% 0% transparent;"></a>
</div>
<div id="lightbox-loading" style="display: none;">
 

Wieso wird der Kasten dann auf eine Größe von 1044px Breite und 1556px Höhe gesetzt.

Gibt auch Bilder, wo der weisse Kasten noch viel größer ist und den gesamten Bildschirm und teilweise darüber hinaus nutzt,
obwohl das Bild nur 1024 x768px groß ist.

Das müsste man doch ändern können ???

Olaf, haste vielleicht ne Idee, wo man den Wert des weissen Kastens ans Foto anpassen kann so ala
+ 10 Pixel rundrum mehr als das Foto ?????

Ich hab nix dementsprechendes gefunden .

Danke im voraus.

Zitat von Olaf im Beitrag #19

---

Ich weiß jetzt nicht genau,welchen weißen Rahmen Du meinst?
Meinst Du den Rahmen,den ich im Bild Rot gekennzeichnet habe?

Gruß
Olaf

---

Zitat von Dynamite im Beitrag #22

---

Olaf, haste vielleicht ne Idee, wo man den Wert des weissen Kastens ans Foto anpassen kann so ala
+ 10 Pixel rundrum mehr als das Foto ?????

---

#lightbox-container-image-box {
    background-color: transparent !important;
}
#lightbox-image {
    border:10px solid #ffffff;
}
#lightbox-container-image-data-box {
    padding: 10px 10px !important;
}
 

Gruß
Olaf

Das funktioniert super @Olaf

wie kann ich eine maximale Bildgröße mit 800x600 vorgeben?
In meinem folgenden Code ist nur die Breite begrenzt...

#lightbox-image {
    max-width:800px;
}
 

Du kannst zwar die Höhe mit diesen Eintrag begrenzen,wird aber bei einen langen Bild verzerrt angezeigt.

max-height:600px;

Gruß
Olaf

Wodran liegt es, dass bei einigen wenigen Bildern unter dem Bild der Bildname und der Close Button angezeigt werden?

Liegt das hier dran?

#lightbox-image {
    max-height:550px;
}
 

Bei den meißten Bildern wird nur der weiße Rahmen angezeigt! (habe Olaf seinen Code eingebaut)

#lightbox-container-image-box {
    background-color: transparent !important;
}
#lightbox-image {
    border:10px solid #ffffff;
}
#lightbox-container-image-data-box {
    padding: 10px 10px !important;
}
 

Kann man das für alle Bilder abschalten oder aktivieren?

Abschalten ,eingeschaltet ist es ja.

#lightbox-container-image-data {
    display:none;
}
 

Gruß
olaf

Zitat von Olaf im Beitrag #28

---

Abschalten ,eingeschaltet ist es ja.

1
2
3
 

#lightbox-container-image-data {
    display:none;
}
 

Gruß
olaf

---

#lightbox-image {
    max-height:550px;
}
 

Ich glaube, unser lieber spectro ist noch nicht so richtig auf den Geschmack gekommen, wie toll es ist, manchmal auch selbst etwas rauszukriegen.
Nun quäle doch nicht unseren Olaf so sehr.