Ich brauche eine kleine Anpassung des umständlichen BildesGalerie-Plugin. Das Plugin bietet Bildunterschriften. Die Bildunterschrift erhält eine eigene div mit der class = "showcase-caption". Es basiert auf dem div mit der class = "showcase-slide".
Die Beschriftung ist jedoch eine Überlagerung. Ich muss es unter dem Bild platzieren. Hier ist eine Beispielseite, die pseudo funktioniert http://www.awkward.interfacecreation.com/jquery/. In diesem Beispiel überlagert die Beschriftung jedoch nur das Bild.
Antworten:
0 für die Antwort № 1.showcase-content {
background-color: black;
text-align: center;
overflow: visible !important;
}
style.css Zeile: 125
.showcase-content-container {
background-color: black;
overflow: visible !important;
}
style.css Zeile: 87
.showcase-caption {
color: black;
padding: 8px 15px;
text-align: left;
position: absolute;
/*bottom: 0px;*/
left: 0px;
right: 0px;
background: #DFDFDF;
margin-top: -5px;
}
style.css Zeile: 163
0 für die Antwort № 2
Die .showcase-caption div wird absolut innerhalb von #showcase positioniert und automatisch am unteren Rand ausgerichtet. Sie müssen #showcase größer machen und das entfernen position: absolute
Regel aus .showcase-caption im Stylesheet (zusammen mit top
und left
), so dass .showcase-caption unter .showcase-content stehen kann.