Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии слайдер (карусель) помогите настроить |
| слайдер (карусель) помогите настроить |
|
Добрый день!
вот сайт http://dvornyazhki.ru/ хотелось сделать на главной слайдер случайных фотографий из фотоальбома нашла простой и понравившийся, все установила, работает но никак не получается сделать так, чтоб он входил по ширине... Помогите пожалуйста код css код самого слайдера Сообщение отредактировал Totenka - Воскресенье, 23 Ноя 2014, 11:05:59
|
|
выделила красным места, где надо настраивать
Цитата #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;} |
|
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;} будет примерно так |
|
webanet, $Vladimir$, большое спасибо, что откликнулись!
а вам, $Vladimir$, огромное спасибо, что помогли! я ведь и не знала до этого, что файл слайдера можно менять....  все получилось а сделать его адаптивным к разным размерам экрана...это наверное из разряда фантастики?получается 3, 2 фото, а вот чтоб с мобильного было одно фото, и стрелочки для листания Добавлено (27 Ноя 2014, 06:11:06) |
|
Totenka, я пользуюсь этим сервисом , всё хорошо работает и можно настраивать размер и тд.
|
| |||
| |||