0

Всем, привет! Уважаемое сообщество, помогите в решении проблемы! Имеется слайдер типа "карусель" на основе данного плагина, суть проблемы заключается в том, что когда происходит прокрутка слайдера таблица с картинками и подписями к ним не изменяет свой размер вместе с фоновой картинкой, а также при прокручивании слайдера эта таблица съезжает, как закрепить эту таблицу и уменьшать ее при прокручивании, также еще название блока съезжает при прокручивании.

Заранее очень буду благодарен за проявленную помощь!

1 ответ 1

1

Сделайте внутри элемента списка div с background: url('images/blockONE.png'), а внутри этого блока уже размещайте вашу таблицу. Тогда всё нормально будет отображаться.

Второй вариант: не меняя структуры, редактируем немного стили, которые у вас уже есть таким образом (добавляем или исправляем для элементов внутри li):

  1. li {overflow: hidden}
  2. span {position: absolute}
  3. img {position: absolute}
  4. table {position: absolute; display: block;}

top и left/right-свойства для элементов потом по вкусу. Но вообще я бы поискал более лучший вариант: или только картинку внутри или другой плагин.

5
  • Спасибо, Роман! Да, действительно помогло, единственное, что осталось так это то, что при масштабировании этого DIV его фон не меняет размер, т.е. плагин уменьшает размер элемента, а фон остается с теми размерами, что у подложенной картинки, получается обрезанный фон, хотя я даже размеры не указывал для фоновой картинки! Может у вас есть еще что-то на этот счет? 5 мар 2013 в 9:11
  • Обновил ответ. 5 мар 2013 в 9:33
  • Роман, а какой другой плагин посоветуете? Я уже все наверное перерыл в гугле по ключевым словам "слайдер карусель"! 5 мар 2013 в 9:52
  • И что, ничего не понравилось? 5 мар 2013 в 9:58
  • Просто ничего такого нету, чтобы подходило под мои задачи... 5 мар 2013 в 10:57

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.