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

Was mich auch noch etwas stört das der Prev und Next Button wandert und nicht immer an der gleichen Stelle ist

Hast Du nicht bereits eine feste Bildbreite vorgegeben? In dem Fall müssten die doch eigentlich ruhig gestellt sein. Ansonsten weichen die natürlich immer ein wenig aus, wenn mal ein größeres Bild vorbeikommt.

Es wurden schon einige Bereiche standartmäßig auf 100% Größe mit "important" gesetzt .Das ist nicht so gut.
Ich habe den Hintergrund auf Transparent gesetzt,damit ich einen vernünftigen Rahmen um das Bild setzen konnte. Aber die "alten" Buttonelemente orientieren sich trotzdem nach den unsichtbaren Hintergrund.
Da müsste man die ganze CSS verändern um eine vernünftige Anzeige zu bekommen.

Gruß
Olaf

Danke für die Erklärung Olaf, das reicht so.
Das die Bilderanzeige mit dem Close Button fast nie erscheint, liegt an dem Code für die feste Bildgröße habe ich festgestellt.
Vielen Dank für deine Mühe!

Zitat von Olaf im Beitrag #33

---

Es wurden schon einige Bereiche standartmäßig auf 100% Größe mit "important" gesetzt .Das ist nicht so gut.

---

Zitat von Romulus im Beitrag #35

---

Ich habe mich aber ohnehin für einen Totalrahmen entschieden – sprich: die ganze zur Verfügung stehende Fläche um das jeweilige Bild herum mit Weiß ausgefüllt. Auf diese Weise lassen sich die Bilder noch am besten betrachten, weil dann gar nicht mehr ablenkt. Ist jedenfalls mein Geschmack.

---

Zitat von Olaf im Beitrag #24

---

Ich habe,wenn ich das meine was Ihr meint mit "weißen Kasten/Rahmen",eine CSS Lösung ausgearbeitet,die einen 10 Pixel breiten Rahmen um jedes Bild immer anzeigt...

---

Möchte mich auch nochmal bei Olaf bedanken.

Sein Code war des Rätsels Lösung.

Danke.

Ich hab gesucht und gemacht und getan und habs nicht hinbekommen.

DANKE

@HTML-Cracks

Kann mir hier wer helfen?

Ich mache jetzt - wie üblich - schon länger mit meinem Eselsohr im CSS-Sheet rum und krieg's nicht glattgebügelt.

Die Lightbox wollte ich so anpassen, dass Olafs Rahmen um die Bilder angepasst ist und die Bildergröße auf ein Maß reduziert wird, das am Monitor noch voll angezeigt wird.

Nun habe ich noch 'important' dazugeschrieben, aber es funzt nicht. Siehe Code unten.

Wäre froh über nen Tipp.

Danke.

LG
River

Edit by River: Der Rahmen klappt - die großen Bilder werden immer noch gleich groß angezeigt.
Edit by River 2.: Eigentlich sollte man sogar einstellen, dass Bilder proportional eingestellt werden...

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

Der unten eingefügte Code funktioniert zur Anpassung der Bildergröße auf durchschnittliche Monitorgröße.

Folgende Punkte würde ich mir wünschen:

1. Bei manchen Bildern sind die lightbox-container-image-data-box entweder verschwunden, oder vom Bild separiert. Bei manchen Bildern ist die Infobox korrekt angehängt. Man müsste also die Infobox ans Bild anhängen - egal, ob das Bild verkleinert wird oder nicht.

2. Die 'Prev' und 'Next' Icons sind vermutlich an der container-image-box festgemacht? Wenn man sie am Bild anknüpfen könnte, wäre das super - oder alternativ diese Pfeile im Bild, die schon jemand im Thema Lightbox erwähnte.

Falls solche Änderungen nicht ins Plugin übernommen werden sollen, wäre ich über die entsprechenden Code-Teile froh, damit ich das im CSS reinstellen kann. Ich selbst kann die entsprechenden Stellen im Quelltext nicht finden - das geht noch weit über meine paar Basics hinaus.

Danke.

LG
River

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

Hey Ingmar,

Du weißt ja gar nicht, wie mich das freut.

Dankeschön.

Liebe Grüße
River

Habe eben das Update installiert. Im Firefox werden nun die Bilder originalgroß, also viel zu groß dargestellt, im IE ist die Darstellung völlig verschoben. Auch die Angabe einer maximalen Bildhöhe bringt nichts. Welche Einstellung ist bei mir falsch?

Zitat von martali im Beitrag #44

---

Habe eben das Update installiert. Im Firefox werden nun die Bilder originalgroß, also viel zu groß dargestellt, im IE ist die Darstellung völlig verschoben. Auch die Angabe einer maximalen Bildhöhe bringt nichts. Welche Einstellung ist bei mir falsch?

---

#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

#lightbox-container-image-data #lightbox-image-details {
height:50px;
width: 30%;
float: left;
text-align: left;
}