Использовать javascript, чтобы получить заголовок в карусели начальной загрузки?

Я создаю новый сайт, и мне нужно, чтобы заголовок моей карусели начальной загрузки [править] находился под самой каруселью.

Поэтому я изменил положение .carousel-caption на относительное, а не на абсолютное, чтобы переместить их над каруселью.

Проблема: у меня есть специальные стрелки для моей следующей и предыдущей функции карусели, и если высота заголовка между ползунками различается, моя стрелка тоже перемещается...

Я не знал, как исправить это только в css, может быть, с помощью javascript, но я не знаю, как получить содержимое подписи для отображения там, где я хочу.

[править] JSFiddle, который показывает проблему: http://jsfiddle.net/Q2TYv/1321/


javascript carousel twitter-bootstrap-3 caption
person Vivien Lorithias    schedule 26.02.2014    source источник
comment
Предоставьте JSFiddle, показывающий проблему   -  person André Snede    schedule 26.02.2014
comment
jsfiddle.net/Q2TYv/1321 Здесь JSFiddle, которые показывают проблему   -  person Vivien Lorithias    schedule 26.02.2014

Ответы (1)


arrow_upward
0
arrow_downward

Если я правильно понял, вы хотите поместить текст вверху. Вы можете сделать это следующим образом.

Проверьте эту скрипку один раз

http://jsfiddle.net/Q2TYv/1324/

Я только что обновил следующее:

#myCarousel .carousel-caption{
    width: 100%;
    position: absolute;
    bottom: none;
    top: 0; 
    max-height: 30%;
}

Если вы хотите изменить позицию, вам просто нужно обновить top or bottom позиции.

Редактировать:

Вы можете уменьшить нижнюю часть до -30 пикселей или около того, чтобы подпись была внизу изображения. И вы должны проверить overflow: hidden для его родительских элементов.

person Raghuveer    schedule 26.02.2014
comment
Извините, что я сказал выше, и это было ниже .. Я ищу подпись под каруселью, поэтому позиция выбора не должна быть относительной, или, возможно, получить подпись с Js. - person Vivien Lorithias; 26.02.2014
comment
@VivienLorithias заголовок под каруселью что именно это означает ... это не проблема с абсолютной позицией. вы можете разместить элемент в любом месте страницы, используя absolute. - person Raghuveer; 26.02.2014