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


Как Изменить Размер Слайдера


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

#1 Shum

Shum

    Новичок

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

Отправлено 09 Октябрь 2015 - 17:50

как изменить размер слайдера, уменьшить в 2 раза

#2 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 09 Октябрь 2015 - 18:02

Просмотр сообщенияShum (09 Октябрь 2015 - 17:50) писал:

как изменить размер слайдера, уменьшить в 2 раза

Здравствуйте.
Сообщите нам, пожалуйста, номер аккаунта вашего интернет-магазина.
Или же, если, на данный момент, речь идёт об изменение в аккаунте SL - 353111 , то вам необходимо пополнить счёт данного интернет-магазина и лишь после этого мы сможем вам помочь.
Проверьте, пожалуйста.

#3 Shum

Shum

    Новичок

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

Отправлено 09 Октябрь 2015 - 19:12

sl 360763

#4 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 09 Октябрь 2015 - 19:28

Просмотр сообщенияShum (09 Октябрь 2015 - 17:50) писал:

как изменить размер слайдера, уменьшить в 2 раза

Просмотр сообщенияShum (09 Октябрь 2015 - 19:12) писал:

sl 360763

Попробуйте, тогда, сделать следующее:
В шаблоне main.css найдите данный код:

#slider {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 501px;
	overflow: hidden;
	z-index: 1;
}

И замените его этим вот кодом:

#slider {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 1120px !important;
	height: 501px;
	overflow: hidden;
	z-index: 1;
}


#5 Shum

Shum

    Новичок

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

Отправлено 09 Октябрь 2015 - 19:53

как теперь по вертикали уменьшить

#6 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 09 Октябрь 2015 - 20:01

Просмотр сообщенияShum (09 Октябрь 2015 - 19:53) писал:

как теперь по вертикали уменьшить

Сделайте, тогда, следующее:
В шаблоне main.css снова найдите данный код:

#slider {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 1120px !important;
height: 501px !important;
overflow: hidden;
z-index: 1;
}

И замените его, например, вот этим вот кодом:

#slider {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 1120px !important;
height: 301px !important;
overflow: hidden;
z-index: 1;
}


#7 Shum

Shum

    Новичок

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

Отправлено 09 Октябрь 2015 - 20:25

йцывйцвйцвйывсывсывсцывй.png
как теперь сиелки нормальными сделать и чтобы с двух сторон были

rgergg.png

#8 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 09 Октябрь 2015 - 20:43

Просмотр сообщенияShum (09 Октябрь 2015 - 20:25) писал:

Прикрепленный файл йцывйцвйцвйывсывсывсцывй.png
как теперь сиелки нормальными сделать и чтобы с двух сторон были

Прикрепленный файл rgergg.png

Попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

.jssora21l {
	background-position: -3px -33px;
}

И замените его этим вот кодом:

.jssora21l {
	background-position: -3px -33px;
	top: 70px !important;
}


Далее в том же шаблоне найдите следующий код:

.jssora21r {
	background-position: -63px -33px;
}

И замените его этим кодом:

.jssora21r {
	background-position: -63px -33px;
	top: 65px !important;
	left: 600px !important;
}


#9 Shum

Shum

    Новичок

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

Отправлено 09 Октябрь 2015 - 21:45

rgergg.png

Просмотр сообщенияRayLi (09 Октябрь 2015 - 20:43) писал:

Попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

.jssora21l {
background-position: -3px -33px;
}

И замените его этим вот кодом:

.jssora21l {
background-position: -3px -33px;
top: 70px !important;
}


Далее в том же шаблоне найдите следующий код:

.jssora21r {
background-position: -63px -33px;
}

И замените его этим кодом:

.jssora21r {
background-position: -63px -33px;
top: 65px !important;
left: 600px !important;
}
rgergg.png

Не помогло!

#10 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Октябрь 2015 - 00:53

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

#11 Shum

Shum

    Новичок

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

Отправлено 10 Октябрь 2015 - 15:26

Как сделать чтобы картинки отображались в полный размкр

#12 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 10 Октябрь 2015 - 15:36

Просмотр сообщенияShum (10 Октябрь 2015 - 15:26) писал:

Как сделать чтобы картинки отображались в полный размкр
Здравствуйте.
Уточните, пожалуйста, о каких изображениях идет речь.

#13 Shum

Shum

    Новичок

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

Отправлено 10 Октябрь 2015 - 16:39

на слайдере. Слайдер 1120 на 501. Если ставлю картинку с таким разрешением она не отображается в полный радмер

#14 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 10 Октябрь 2015 - 17:09

Просмотр сообщенияShum (10 Октябрь 2015 - 16:39) писал:

на слайдере. Слайдер 1120 на 501. Если ставлю картинку с таким разрешением она не отображается в полный радмер

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 1920px;height: 501px; overflow: hidden;}

Замените на:
.slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 1120px;height: 501px; overflow: hidden;}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> jssor_slider.js, найдите код:
		  jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1920));

Замените на:
		  jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1120));





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

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