Страница 1 из 11
Модератор форума: JonMagon 
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » слайдер (карусель) помогите настроить
слайдер (карусель) помогите настроить
Totenka
Сообщений: 22
Репутация: 2

Сообщение # 1 | 10:59:09
Добрый день!

вот сайт http://dvornyazhki.ru/

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

код css




код самого слайдера


Сообщение отредактировал Totenka - Воскресенье, 23 Ноя 2014, 11:05:59
webanet
Личный менеджер
Сообщений: 23045
Репутация: 4867

Сообщение # 2 | 12:07:11
выделила красным места, где надо настраивать

Цитата
#preview-contanier {background: url(/slider/slider_bg.png) repeat-x;}
#preview-contanier {height: 200px;width: 931px;margin: 0 auto 20px auto;text-align: center;position: relative;}

#preview {width: 900px;padding-top: 40px;margin: 0 auto;text-align: left;}
.preview-tumb {width: 170px;float: left;display: inline;text-align: center;overflow: hidden;margin: 0 5px;}
.preview-tumb a {display: block;padding: 8px 8px 5px 8px;background: #fff;text-decoration: none;color: #000000;font-size: 9pt;}
.preview-tumb a:hover {display: block;padding: 8px 8px 5px 8px;background: #c94100;text-decoration: none;color: #fff;font-size: 9pt;}
#preview-contanier div.arrow-left {position: absolute;top: 95px;left: -10px;width: 28px;height: 28px;display: block;overflow: hidden;text-indent: -9999px;background: url(/slider/slider_left.png) no-repeat;cursor: pointer;}
#preview-contanier div.arrow-right {position: absolute;top: 95px;right: -10px;width: 28px;height: 28px;display: block;overflow: hidden;text-indent: -9999px;background: url(/slider/slider_right.png) no-repeat;cursor: pointer;}

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
$Vladimir$
$SUPPORT$
Сообщений: 6110
Репутация: 970

Сообщение # 3 | 13:00:04
Totenka, в slider.js заменить visible: 5 на visible: 4

Код
$("#preview").jc({
          speed: 1000,
          easing: "backout",
          scroll: 1,
          visible: 5,
          horizontal: "true",
          btnPrev: ".arrow-left",
          btnNext: ".arrow-right"};);


в slider.css width: 931px; на width: 750px;

Код

#preview-contanier {
height: 200px;
width: 931px;
margin: 0 auto 20px auto;
text-align: center;
position: relative;}


будет примерно так




Totenka
Сообщений: 22
Репутация: 2

Сообщение # 4 | 06:11:06
webanet, $Vladimir$, большое спасибо, что откликнулись!
а вам, $Vladimir$, огромное спасибо, что помогли! я ведь и не знала до этого, что файл слайдера можно менять.... happy все получилось

а сделать его адаптивным к разным размерам экрана...это наверное из разряда фантастики?получается 3, 2 фото, а вот чтоб с мобильного было одно фото, и стрелочки для листания

Добавлено (27 Ноя 2014, 06:11:06)
---------------------------------------------
ну помогите пожалуйста.... cry

SnEkL
Сообщений: 2
Репутация: 0

Сообщение # 5 | 00:00:42
Totenka, я пользуюсь этим сервисом , всё хорошо работает и можно настраивать размер и тд.
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » слайдер (карусель) помогите настроить
Страница 1 из 11
Поиск: