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

[Stasi]

Добрый день!
1. Можно избавиться от точек под слайдером?
2. при загрузке слайдера на главной странице, сначала отображаются все картинки участвующие в слайдере и только потом они собираются в  слайдер. Можно этого как-то избежать?
3. Почему меняется размер слайдера при перелистывании картинок, когда р-р картинок везде одинаковый 600х280?

[Vaccina]

В nyvo.css найдите:

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

замените на:

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

далее найдите:

.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
	margin-bottom:50px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}

замените на:

.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
	margin-bottom:20px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}

В шаблоне HTML найдите:

<!-- Непосредственный код слайдера -->
<div id="slider">

замените на:

<!-- Непосредственный код слайдера -->
<div id="slider" style="display:none;">

далее найдите:

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

замените на:

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

[Stasi]

Добрый день!
1 и 2 проблемы решили, спасибо большое!
3 - размер первой картинки слайдера меняется, хотя размер у всех единый 600х280. Как от этого избавиться?

[Vaccina]

попробуйте следующее, в 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;
height: 298px !important;
}

[Stasi]

Спасибо))

[Stasi]

День добрый, подскажите как изменить размер слайдера? аккаунт SL-389605

[Firefly]

Stasi (05 Июль 2016 - 15:18) писал:

День добрый, подскажите как изменить размер слайдера? аккаунт SL-389605

Здравствуйте.
Уточните, пожалуйста, какой размер слайдера Вам требуется.
Изменения по размеру слайдера и контейнера для изображений слайдера выполняются в коде в main.css:

#slider {position: relative; margin: 0px auto; top: 0px; left: 0px; width: 800px; height: 490px; overflow: hidden;z-index:1;border: 1px solid #cc0000; }
.slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 900px;height: 490px; overflow: hidden;}

В параметры width и height.

А так же в шаблоне jssor_slider.js в строке кода:

		  jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 600));

Значение 600 (ширина).

[Stasi]

День добрый. Хочу попробовать установить на ширину экрана. Я так понимаю главный атрибут(показатель) находится в  jssor_slider.js? а можно сделать чтоб размер слайдера автоматически масштабировался по разрешению экрана?

[Stasi]

Подскажите как изменить эффект перелистывания слайдера?аккаунт SL-389605

[Stasya]

Stasi (06 Июль 2016 - 14:05) писал:

Подскажите как изменить эффект перелистывания слайдера?аккаунт SL-389605

Чтобы изменить перелистование сладйера Вам нужно в файле jssor_slider.js найти строку

$AutoPlay: true,

и сразу после нее вставить блок

$SlideshowOptions: {
				 $Class: $JssorSlideshowRunner$,
				 $Transitions: _SlideshowTransitions,
				 $TransitionsOrder: 1,
				 $ShowLink: true
			 },

Чтобы получилось вот так

var options = {
	 $FillMode: 2,									 //[Optional] The way to fill image in slide, 0 stretch, 1 contain (keep aspect ratio and put all inside slide), 2 cover (keep aspect ratio and cover whole slide), 4 actual size, 5 contain for large image, actual size for small image, default value is 0
	 $AutoPlay: true,								 //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
	 $SlideshowOptions: {
				 $Class: $JssorSlideshowRunner$,
				 $Transitions: _SlideshowTransitions,
				 $TransitionsOrder: 1,
				 $ShowLink: true
			 },
	 $AutoPlayInterval: 4000,	

Далее в этом же файле в самом верху находим строку

function slideShow() {

и после нее вставляем

var _SlideshowTransitions = [{$Duration:1200,y:0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$JssorEasing$.$EaseInCubic,$Opacity:$JssorEasing$.$EaseLinear},$Opacity:2}];

Здесь указан эффект перелистывания - Шахматы.
Вы можете выбрать другой эффект здесь .
В выпадашке выбираете эффект и сгенерированный ниже код вставляете в строку выше
Чтобы получилось вот так

var _SlideshowTransitions = [сгенерированный код];

Stasi (06 Июль 2016 - 08:28) писал:

День добрый. Хочу попробовать установить на ширину экрана. Я так понимаю главный атрибут(показатель) находится в  jssor_slider.js? а можно сделать чтоб размер слайдера автоматически масштабировался по разрешению экрана?

В том же файле найдите строку

jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1265));

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

jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1920));