Сообщество uSite — помогите установить слайдер в футер - Прочее - Корзина - Форум

Результаты поиска

Введите запрос, по завершению нажмите Enter.

Войти Регистрация

Форум Блоги Мануалы Новые посты Люди

Страница 1 из 1
1

Архив - только для чтения

помогите установить слайдер в футер

помогите установить слайдер в футер

Отправлено 02.01.2012 - 22:41

Beginner 46 сообщений Мужчина	Quote http://www.htmldrive.net/items/show/156/Dots-gallery-scrollerjQuery- не могу установить этот слайдер в футер...Пожалуйста, сделайте кто нибудь инструкцию по установке!!буду очень признателен, а то сил уже сидеть за компом нету...вожусь уже с ним весь день

0

Отправлено 02.01.2012 - 22:49

Бывалый 1313 сообщений Мужчина	Всё очень легко, перед </head> Code <script src="galleria/src/galleria.js"></script> <script>Galleria.loadTheme('galleria/themes/galleria.classic.js'); $('#slider').galleria();</script> В футеР: Quote <div id="slider"><img src="me.jpg"><img src="you.jpg"></div>

Отправлено 03.01.2012 - 00:19

Beginner 46 сообщений Мужчина	всеравно бестолку))посмотри исходный код на демо странице, может что то получится

0

Отправлено 03.01.2012 - 06:36

Бывалый 1313 сообщений Мужчина	Makaveli, это в css: Quote .galleria-container{height:100%;position:relative;overflow:hidden;-moz-box-shadow:0 0 4px rgba(0,0,0,.1);-webkit-box-shadow:0 0 4px rgba(0,0,0,.1)} .galleria-stage{bottom:5px;top:5px;right:5px;left:5px;position:absolute;overflow:hidden} .galleria-thumbnails-container{height:30px;width:100%;bottom:5px;position:absolute;left:0;z-index:2} .galleria-thumbnails-list{text-align:center} .galleria-thumbnails .galleria-image{display:inline-block;zoom:1;display:inline;width:12px;height:12px;background:url(dot.png) no-repeat 0 0;margin-right:5px;cursor:pointer} .galleria-thumbnails .active .img{} .galleria-counter{font:normal 11px/18px arial,sans-serif;z-index:2;color:#444;margin-top:6px;margin-right:12px;float:left} .galleria-counter span{color:#888} .galleria-thumbnails .galleria-image:hover{opacity:1!important} .galleria-loader{background:#000 url(loader.gif) no-repeat 50% 50%;width:100%;height:100%;position:absolute;top:0;left:0;opacity:.3;z-index:3;display:none} .galleria-info{color:#666;z-index:3;text-align:center;font:italic 14px/1.4 georgia,serif;padding-top:10px} .galleria-counter{display:none} .galleria-info-close,.galleria-info-link{display:none} .galleria-image-nav{position:absolute;height:100%;width:100%;left:0;top:0} .galleria-image-nav-left,.galleria-image-nav-right{opacity:.4;cursor:pointer;width:50%;height:100%;position:absolute;background:url(l.png) no-repeat 7% 50%;z-index:2;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)} .galleria-image-nav-right{left:auto;right:0;background:url(r.png) no-repeat 93% 50%;z-index:2} .galleria-image-nav-left:hover,.galleria-image-nav-right:hover{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100)} #galleria{background:#eee;width:750px;height:400px;margin:0 auto;background:#222;background:0;background:0 to(#000) )} То что красное заменяешь на свои изображения (есть в исходнике). Синий и зелёный - это ширина и высота слайдера. Это перед </head>: Code <script src="http://www.cyberfrags.com/test/Dots_gallery/galleria.js"> Либо в исходнике бери js-код с названием galleria.js. Это перед </body>: Quote <script>Galleria.loadTheme('http://www.cyberfrags.com/test/Dots_gallery/galleria.dots.js');$('#galleria').galleria();</script> То что красным взять из исходника, папка: aino-galleria-dots\src\themes\dots Теперь в то место куда нужно выводить слайдер: Code <div id="galleria"> <img src="http://images.apple.com/iphone/home/images/overview_hero1_20100607.png"> <img src="http://images.apple.com/iphone/home/images/overview_hero2_20100607.png"> <img src="http://images.apple.com/iphone/home/images/overview_hero3_20100607.png"> <img src="http://images.apple.com/iphone/home/images/overview_hero4_20100607.png"> <img src="http://images.apple.com/iphone/home/images/overview_hero5_20100607.png"> </div> Тестовая страница: http://www.cyberfrags.com/test/Dots_gallery/test.html

Отправлено 03.01.2012 - 07:32

Beginner 46 сообщений Мужчина	Спасибо огромное, все установил как написанно, но не походит...изображения стоят друг за другом сниз..видать этот слайдер не подходит для укоз((очень жаль

0

помогите установить слайдер в футер

Страница 1 из 1
1

uSite.su © 2010-2025

Все права защищены.

Многогранность и сверхспособности сообщества uCoz заставляют задуматься даже самые стойкие умы веб-программирования, ведь лишь uSite способен предоставить ответы на самые сложные вопросы uCoz.

04Условия использования

05Вакансии

06Пожертвования

Подняться вверх

Хостинг от uCozПользовательское соглашение и прочая информация