Сообщений в теме: 29

[sergio46kursk]

Добрый день! Подскажите, как уменьшить расстояние перед и после точек навигации. И как увеличить интервал смены слайдов.

[Vaccina]

Сайт - Редактор тем - nyvo.css - найдите:

.theme-default .nivoSlider {
	background: url("http://limani.storeland.net/nyvo_loading.gif") no-repeat scroll 50% 50% #FFFFFF;
	box-shadow: 0 1px 5px 0 #4A4A4A;
	margin-bottom: 50px;
	position: relative;
}

уменьшите значение margin-bottom

[sergio46kursk]

Vaccina (05 Июнь 2013 - 02:30) писал:

Сайт - Редактор тем - nyvo.css - найдите:

.theme-default .nivoSlider {
background: url("http://limani.storeland.net/nyvo_loading.gif") no-repeat scroll 50% 50% #FFFFFF;
box-shadow: 0 1px 5px 0 #4A4A4A;
margin-bottom: 50px;
position: relative;
}

уменьшите значение margin-bottom

Получилось. А как уменьшить расстояние после точек навигации? И что делать с интервалом смены слайдов?

[Koderhan]

sergio46kursk (05 Июнь 2013 - 11:12) писал:

Получилось. А как уменьшить расстояние после точек навигации? И что делать с интервалом смены слайдов?

В файле "nyvo.css".
Найти код:

.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}

Заменить:

.theme-default .nivo-controlNav {
text-align: center;
padding: 0px 0;
margin-bottom: -25px;
padding-top: 10px;
}

И для изменения интервала смены слайдов.
Можно попробовать изменить код в файле "HTML".

$('#slider').nivoSlider().parent().show();

На такой код:

$('#slider').nivoSlider({
animSpeed: 500,
 pauseTime: 3000
}).parent().show();

500 скорость в миллисекундах.
3000 задержка смены слайдов.

[sergio46kursk]

Koderhan (05 Июнь 2013 - 11:49) писал:

В файле "nyvo.css".
Найти код:

.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}

Заменить:

.theme-default .nivo-controlNav {
text-align: center;
padding: 0px 0;
margin-bottom: -25px;
padding-top: 10px;
}

И для изменения интервала смены слайдов.
Можно попробовать изменить код в файле "HTML".

$('#slider').nivoSlider().parent().show();

На такой код:

$('#slider').nivoSlider({
animSpeed: 500,
pauseTime: 3000
}).parent().show();

500 скорость в миллисекундах.
3000 задержка смены слайдов.

Спасибо! Все получилось.

[gararamax5]

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

[miyako]

gararamax5 (08 Июнь 2013 - 11:45) писал:

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

Подробная инструкция по установке слайдера здесь - http://storeland.ru/about/faq#51

[gararamax5]

Сам слайдер я установил, хочу поменять изображения на свои. Какого разрешения возможно установить изображения?

[miyako]

gararamax5 (08 Июнь 2013 - 12:03) писал:

Сам слайдер я установил, хочу поменять изображения на свои. Какого разрешения возможно установить изображения?

В коде слайдера найдите строчку:

<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />

и замените на:

<img src="{ASSETS_IMAGES_PATH}название изображения.формат" alt="" />

Название изображения замените на ваше, также как и формат. Вы можете загрузить любого формата для изображений(jpg,png,gif). Само изображение загрузите через Сайт-Редактор шаблонов - слева список-Выберите файл.

[gararamax5]

Почему изображение в слайдере получается срезанным с нижней части?

[Taisia]

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

[gararamax5]

Возможно ли сделать слайдер в квадратной форме и чтобы отображалось в середине главной страницы, подстроить слайдер под свои изображения.

[Taisia]

задать фиксированную ширину слайдера можно в файле nivo.css
найдите код

.nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}

параметры
width: 100%;
height: auto;

отвечают за ширину и высоту.
замените например height: auto; на height: 500px;

что бы сдвигать слайдер от левого края добавьте в этом блоке строку

margin-left: 105px;

меняйте этот параметр по вашему усмотрению

[gararamax5]

Спасибо.

[Sate]

Добрый день, а подскажите следующее. Можно ли сделать так, что изображения в слайдере отображались не по порядку, а рандомно?

[Сake]

Найдите в вашем шаблоне строку

$('#slider').nivoSlider().parent().show();

и замените её на

$('#slider').nivoSlider({randomStart: true}).parent().show();

[Sate]

Сake (21 Август 2013 - 22:55) писал:

Найдите в вашем шаблоне строку

$('#slider').nivoSlider().parent().show();

и замените её на

$('#slider').nivoSlider({randomStart: true}).parent().show();

Спасибо, все получилось.

[Борис]

Добрый день!! подскажите..как сделать то или иное изображение на слайде кликабельным, чтоб при нажатии на него осуществлялсся перевод на указанную страницу сайта

[MikDark]

Борис (18 Апрель 2014 - 11:40) писал:

Добрый день!! подскажите..как сделать то или иное изображение на слайде кликабельным, чтоб при нажатии на него осуществлялсся перевод на указанную страницу сайта

В шаблоне HTML у вас есть код:

<div id="slider">
<img title="" src="http://st.santehmega.com/6/1091/299/green_vintage_swirl_vector_art_by_cgvector-d3k0vbw.jpg" alt="" />
<a href="/"><img src="http://st.santehmega.com/2/969/415/r1.jpg" alt="" /></a>
<img src="http://st.santehmega.com/7/1043/654/7.jpg" alt="" />
<img src="http://st.santehmega.com/9/1045/425/__escale___2.jpg" alt="" />
<img src="http://st.santehmega.com/9/1045/428/oras_1714f.jpg" alt="" />
<img src="http://st.santehmega.com/6/1091/299/green_vintage_swirl_vector_art_by_cgvector-d3k0vbw.jpg" alt="" />
<img src="http://st.santehmega.com/9/1045/427/758aa86a-f5e4-4930-ad88-02e79c2bd171.jpg" alt="" />
<img src="http://st.santehmega.com/9/1045/426/013_ambiente__b.jpg" alt="" />
</div>

каждый тэг <img ...> отвечает за определенное изображение. Чтобы сделать нужно изображение ссылкой, поставьте перед нужным<img..> :

<a href="Ccылка">

а после <img ...> добавьте </a>

[max66777]

Сake (21 Август 2013 - 22:55) писал:

Найдите в вашем шаблоне строку

$('#slider').nivoSlider().parent().show();

и замените её на

$('#slider').nivoSlider({randomStart: true}).parent().show();

Могу сказать, что ответ дан не корректный. Спрашивается именно про random очередность смену изображений, а не случайности загрузки первого изображения.. Данный ответ позволяет начать допустим из 1,2,3,.....,17 изображений к примеру с 7 го, а вот дальше то по порядку они загружаются, 7,8,9,..итд а нужно именно чтобы загружались изображения не по порядку а случайным образом..вопрос по прежнему актуален, так как тоже не могу найти такого параметра...