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


Некорректное Отображение Картинки В Слайдере

слайдер пластик

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

#1 static09091

static09091

    Пользователь

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

Отправлено 15 Март 2013 - 07:27

Добрый день!

Подскажите пожалуйста, в чем причина неправильного отображения изображения в слайдере? При открытии или обновлении страницы все нормально, но потом, после начала смены изображений, одна из картинок начинает менять высоту и искажается. Как это можно исправить? Адрес магазина: azimut-market.ru

#2 Koderhan

Koderhan

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

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

Отправлено 15 Март 2013 - 08:11

В сайдеры нужно загружать картинки одинакового размера по высоте.

#3 static09091

static09091

    Пользователь

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

Отправлено 15 Март 2013 - 08:28

Просмотр сообщенияKoderhan (15 Март 2013 - 08:11) писал:

В сайдеры нужно загружать картинки одинакового размера по высоте.
Они одинаковы абсолютно.

#4 Koderhan

Koderhan

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

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

Отправлено 15 Март 2013 - 08:39

Панель администратора, "Сайт"->"Редактор тем".
В файле "nyvo.css".
Найти код:

Заменить:

.theme-default .nivoSlider {
position:relative;
background:#fff url(http://design.azimut-market.ru/nyvo_loading.gif) no-repeat 50% 50%;

	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
height: 250px;/*высота блока*/
}
Я тут прописал высоту блока слайдера 250px.

#5 static09091

static09091

    Пользователь

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

Отправлено 15 Март 2013 - 08:47

Просмотр сообщенияKoderhan (15 Март 2013 - 08:39) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "nyvo.css".
Найти код:

Заменить:

.theme-default .nivoSlider {
position:relative;
background:#fff url(http://design.azimut-market.ru/nyvo_loading.gif) no-repeat 50% 50%;

-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
height: 250px;/*высота блока*/
}
Я тут прописал высоту блока слайдера 250px.
Спасибо большое, теперь отображается все правильно! И еще сразу вопрос, в какой части кода меняется время смены изображений?

#6 Koderhan

Koderhan

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

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

Отправлено 15 Март 2013 - 09:08

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:

<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider().parent().show();
	});
  </script>
Заменить:

<script type="text/javascript">
	$(window).load(function() {
$('#slider').nivoSlider({ animSpeed:500});
$('#slider').nivoSlider().parent().show();

	});
  </script>


#7 static09091

static09091

    Пользователь

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

Отправлено 15 Март 2013 - 10:57

Просмотр сообщенияKoderhan (15 Март 2013 - 09:08) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:

<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show();
});
</script>
Заменить:

<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({ animSpeed:500});
$('#slider').nivoSlider().parent().show();

});
</script>
Благодарю!




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

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