Как слелать так, что бы при крокрутке слайдера появлялся этот текста на слайде?

Question

[sidina123]

слайдер bootstrap

Answer 1

[KorsaR-ZN]

А в документацию посмотреть не как?
Там есть соответствующий блок с классом (carousel-caption)

Answer 2

[Nikita]

Я бы очень советовал вам использовать вместо слайдера бутстрапа Фотораму (fotorama.io). Исчерпывающая документация там на сайте. Она кросс-браузерная и api шикарный. Я ничего кроме нее не использую уже 2 года, она совершенно прекрасна.

В двух словах это должно работать так: у вас есть фоторама с блоками.

<div class="fotorama">
  <div>текст слайда и код кнопки и все остальое<div>
  <div>текст слайда и код кнопки и все остальое<div>
  <div>текст слайда и код кнопки и все остальое<div>
</div>

В css текст слайда должен быть скрыт.

А в js вешаете на событие "showend" появление текста внутри слайдера.
Пример и описание тут: www.fotorama.io/customize/api

Comments

[dimkinn]

rockysoul , я попробовал fotorama.io, и конечно это восторг, он чудесен. В версии для настольных компьютеров.

Но есть пару косяков в работе с мобильными устройствами, которые портят впечатление , вот какие.

Сайт на бутстрапе. Навигация в карусели через thumbnails.

1.Так вот, если thumbnails достаточно много, условно больше 10 штук, то карусель вылезает за границы экрана.
при этом проставлены аттрибуты:
data-maxwidth="90%"

data-height="90%"

data-width="90%"

data-maxheight="90%"

2.Да, и кстати, на мобильном устройстве, (браузер chrome, samsung note3) когда тянешь страницу вверх и вниз,
(не перезагрузка), картинка каждый раз уменьшается сильнее.

Учитывая ваш большой опыт общения с этим слайдером, возможно вы сможете подсказать, как избавиться от этих недостатков?
Вот тут, кстати, описана проблема, и есть даже определенное решение, stackoverflow.com/questions/32810352/fotorama-thum...
Может быть вы тоже сможете прокомментировать?

[Nikita]

А какой бутстрап? И можно ссыль на сайт где проблема наблюдается?

Answer 3

[sidina123]

Спасибо !

Comments

[Nikita]

Пишите такое в комментарий (ответ для ответов даже если сами к нему пришли) и если стало решением — нажмите "решение" :)