Перейти к содержимому


Слайдер - Убрать Превью

слайдерб nivo

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 Jack Gun

Jack Gun

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 69 сообщений

Отправлено 31 Август 2013 - 09:00

Как убрать превью следующего слайда, которое появляется в левом верхнем углу текущего?

jackgun.ru - здесь вот.

#2 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 31 Август 2013 - 09:29

Просмотр сообщенияJack Gun (31 Август 2013 - 09:00) писал:

Как убрать превью следующего слайда, которое появляется в левом верхнем углу текущего?

jackgun.ru - здесь вот.

Найдите код в nyvo.css -
.theme-default .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
и замените на -
.theme-default .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
z-index: 6;
}


#3 Jack Gun

Jack Gun

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 69 сообщений

Отправлено 31 Август 2013 - 14:20

О, оригинальное решение проблемы, здорово))

Спасибо!

#4 lexey62

lexey62

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 12 Декабрь 2013 - 16:30

День добрый!
все делаю, как описано выше, превью исчезает, но вместе с ним исчезает ссылка, т.е. слайдер остается просто сменяющимися картинками, без возможности нажатия.
Подскажите, что еще нужно поменять?
http://rio-detector.storeland.ru/

#5 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 13 Декабрь 2013 - 02:52

Найдите в вашем файле стилей nyvo.css класс

.nivoSlider img {
left: 0;
position: absolute;
top: 0;
}

и замените его на

.nivoSlider img {
left: 0;
max-width: inherit;
position: absolute;
top: 0;
}

после этого в файл стилей main.css добавьте класс

.theme-default .nivoSlider {
margin-bottom: 0 !important;
}

Что бы изображения в слайдере были ссылками - необходимо эти самые ссылки туда добавить. На данный момент у вас код слайдера в шаблоне "HTML" выглядит так

<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
<a href="/"><img src="http://rio-detector.storeland.net/free-shipping.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->

из данного кода видно что в слайдере присутствует только одна ссылка

<a href="/"><img src="http://rio-detector.storeland.net/free-shipping.jpg" alt="" /></a>

в свою очередь этот слайд "free-shipping.jpg" будет ссылаться на главную страницу вашего сайта.

#6 lexey62

lexey62

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 13 Декабрь 2013 - 08:33

Спасибо!

Все заработало.





Темы с аналогичным тегами слайдерб, nivo

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных