Основной слайдер: поместите подпись под изображением

Мне нужно показать слайд-шоу изображений для новостей, которые могут иметь одно или несколько отображаемых изображений.

Если у него только одно изображение, то панель навигации должна скрываться. Эта функция встроена.

Но я столкнулся с проблемой с перемещением заголовка изображения точно под изображением. Я могу изменить нижнее поле для CSS p.bjqs-caption до -30px. который перемещает заголовок, но прячется под чем-то и не виден, я перепробовал все варианты, как z-index и другие вещи, но ничего не похоже на работу.

Буду признателен за помощь в этом отношении.

Слайдер: http://www.basic-slider.com/

Я пытался настроить скрипку, но демо на скрипке не работает ссылка http://jsfiddle.net/rUXAt/1/

ОБНОВЛЕНИЕ: Рабочая скрипка http://jsfiddle.net/rUXAt/2/

Источник

2 ответа

Решение

Попробуйте это, укажите высоту для ul и li height: 355px! и цвет для p.bjqs-заголовка

p.bjqs-caption {
    background: none repeat scroll 0 0 #CCCCCC;
}
p.bjqs-caption {
    bottom: 0;
    color: #000000;
    display: block;
    margin: 0;
    padding: 2%;
    position: absolute;
    width: 96%;
}

ul.bjqs {
    display: none;
    height: 355px !important;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

li.bjqs-slide {
    display: none;
    height: 355px !important;
    position: absolute;
}
Источник

Проверьте рабочую скрипку

p.bjqs-caption {
    bottom: 0;
    color: #000000;
    display: block;
    margin: 0;
    padding: 2%;
    position: absolute;
    width: 96%;
}

http://jsfiddle.net/rUXAt/2/

Источник
Другие вопросы по тегам