Текст поверх слайд-шоу изображений - jQuery cycle2

Question

Текст поверх слайд-шоу изображений - jQuery cycle2

0

Я использую плагин jquery cycle2 для слайд-шоу. Теперь я столкнулся с проблемой. Я могу сделать слайд-шоу с использованием этого плагина, но я хочу написать текст поверх изображения, и текст должен появиться только для этого конкретного изображения. Но если я использую, сделайте слайд-шоу div-позицию относительной, а абзац текста div абсолютным, используя css ничего не происходит.

Код HTML:

<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>

Код CSS:

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

Anyhelp будет очень доволен.

Unknown User 11 нояб. 2013, в 06:23

Источник

0

дать ссылку на сайт, это будет полезно
radha 11 нояб. 2013, в 05:18

Теги:

jquery

html

css

jquery-ui

jquery-cycle2

2 ответа

1

Выполните шаги, описанные в документации:

Добавьте div с классом. .cycle-overlay внутри цикла слайд-шоу
- Добавить правила CSS
Добавьте атрибуты data-cycle-desc и data-cycle-title data-cycle-desc на слайды. При необходимости оставьте пустым.

Демо здесь

Salman A 11 нояб. 2013, в 04:40

0

Большое спасибо.
Unknown User 11 нояб. 2013, в 13:06

Ещё вопросы

дать ссылку на сайт, это будет полезно

radha · Accepted Answer · 2013-11-11T03-31-00.000Z

это может помочь u.if, если это не работает. Ур слайд-div может содержать большой z-индекс, чем ur text div

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

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

}

http://jsfiddle.net/TDSFF/