Text über ein Bild slideshow - jQuery-cycle2

Ich bin mit jquery-cycle2-plugin für die Diashow. Jetzt bin ich vor einer Herausforderung. Ich bin in der Lage, um die Diashow mit der Verwendung dieses plugin, aber die Sache ist ich will schreiben einen text auf das Bild und der text muss sich nur für das jeweilige Bild. Aber wenn ich die Diashow div die position relative und den text div position absolute mit css nichts passiert.

HTML-Code :

<div class="offset1 span12 cycle-slideshow">
    <img src="assets/img/1.jpg">
        <div id="text1">
            <strong>A</strong><span>lpha</span>
        </div>
    <img src="assets/img/2.jpg">
    <img src="assets/img/3.jpg">
</div>

Code CSS :

.cycle-slideshow {
position: relative; 
}
#text1 {
    position: absolute; 
    top: 200px; 
}

Anyhelp sehr, sehr zufrieden.

  • geben Sie den url der Website, es ll hilfreich sein
InformationsquelleAutor Unknown User | 2013-11-11
  1. 0

    dies kann u helfen.wenn stil dieser nicht arbeiten heißt, ur Folie div enthalten können große z-index als ur-text div

    .cycle-slideshow {
position: relative; 
z-index:1;

}
#text1 {
    position: absolute; 
    top: 200px; 
    color:#fff;
    z-index:2;

}

    http://jsfiddle.net/TDSFF/

    InformationsquelleAutor radha
  2. 1

    Befolgen Sie die Schritte in der Dokumentation beschrieben:

    1. Fügen Sie ein div mit der Klasse .cycle-overlay innerhalb der cycle-slideshow
      • Hinzufügen von CSS-Regeln
    2. Fügen Sie die data-cycle-title und data-cycle-desc Attribute auf den Folien. Leer lassen, wenn nötig.

    Demo hier

    • Ich danke Ihnen sehr.
    InformationsquelleAutor Salman A
Schreibe einen Kommentar