Меню сайта

Категории раздела

Скрипты для uCoz [582]

HTML коды для uCoz [58]

Шаблоны для uCoz [189]

Социальные сети и закладки [4]

Меню для uCoz сайта [30]

Опросы на uCoz [6]

Работа с Информерами [7]

Для Веб мастера [90]

CSS стили для uCoz [15]

Как это сделать? (для новичков с картинками) [11]

Видео Уроки по uCoz [2]

Полезное для пользователей [45]

Counter Strike мониторинг [5]

Регистрация и прикрепление своего домена к uCoz [1]

Новости сайта scripts-for-ucoz [47]

Учебник HTML [11]

Разное/Другое [12]

Статьи про uCoz

Почему кофемашины часто покупают в офисы

Можно ли починить айфон при разбитом дисплее

Когда могут пригодиться рации

Заказать отзывы на АВИТО у компании Upgrating

Что чаще всего рекламируют на билбордах в Санкт-Петербурге

Преимущества взрывозащитных тепловентиляторов

Интересные факты о майнинге криптовалют

Как производится регистрация прав интеллектуальной собственности

5 типичных неисправностей ноутбуков

Многофакторная аутентификация как сервис

Разработка сайта

Что влияет на стоимость сайта?

Как самостоятельно создать блог без усилий

Как добавить карту сайта в Wordpress

В чем заключается SEO-продвижение сайта?

Продвижение ссылками – будет ли работать в 2015 году?

Программы обработки, сравнения и анализа прайсов

Комплексное продвижение сайта как основа репутационного маркетинга

У кого заказывать разработку сайта

Как создать интернет-магазин?

Рекламко

Друзья Сайта

установить блок на свой сайт

Наш опрос

установить такой вид опроса

Статистика

Онлайн всего: 14

Гостей: 14

Пользователей: 0

Зарегистрировано 31218 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5173 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок Программ

Установить себе такой Блок
Скрипты и HTML для uCOz

Блок CW результаты

Победы(10)

Поражения(5)

Установить CW блок на свой сайт

Скачать Броузеры

Установить блок на свой Сайт!

Внимание!

Наш сайт адаптирован под браузер Mozilla Firefox

Скачать/Download

В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок

Поиск

установить такую кнопку twitter
или такую
красивая кнопка Twitter

Рекламко

http://hlds-amxmodx.clan.su/

Добавить свой сайт в ТОП!
И он будет рекламироваться тут БЕСПЛАТНО!
стань модератором сайта и рекламируй свой сайт за бесплатно тут

Расскажи Друзьям!

Установить на свой сайт!

Комментарии

Новость: Простое серое меню для uCoz
NataliShaman написал:

Приветствую!
кнопочки мне понравились... только совсем не понимаю - куда именно конкретно вставлять? в какое место в CSS? на каждой странице это делать или один раз установится для всего сайта? у меня шаблон 1088... помогите с установкой, пожалуйста...

Новость: Виртуальное казино PLAY FORTUNA онлайн
Draco GSM написал:

Новость: Простой слайдер новостей и фото изображений на uCoz
Светлана Кулешова написал:

Скажите, пожалуйста, а где прикрепленный архив со скриптами?

Новость: Современные казино онлайн. Как можно выигрывать деньги?
папап папап написал:

зарабатывать в интернете может каждый, хочу порекомендовать статью где Вы научитесь это делать играя в казино , заходи смотри http://podshipnik-servis.ru/forum/pyat-prichin-zachem-nuzhno-poprobovat-onlayn-kazino

Новость: Максимальные выигрыши в казино
Максим Леонков написал:

Добрый день, хочу поделиться информацией которая мне помогла зарабатывать в онлайн казино.http://www.rpgarea.ru/news-2890-kakie-bonusi-onlayn-kazino-bivayut-i-gde-ih-nayti.html Например какие какие бонусы онлайн казино бывают и где их найти? где найти казино с лучшими бонусами, Виды бонусов в онлайн казино, какие подарки в клубах бывают для новичков – выдают за регистрацию и активных посетителей – различные акции и пр.Заходи, читай,зарабатывай!

Читать все комментарии

Топ комментаторов

VKONTAKTE

FACEBOOK

Кто и Откуда Вы?

установить такую статистику

Мини-чат

установить такой мини-чат

Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [09.11.2013, 14:30]

Фотогалерея изображений для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Сайт без картинок - все равно что книга без картинок. Одно слово: скучно. Дизайнеры бьются над новыми оригинальными решениями расположения картинок и создания фото-галерей, а вот новинка от Ucoz заслуживает отдельного внимания. Так же и раскрутка сайтов становиться проще с такими красивыми дополнениями.

Во-первых, как и все продукты от Ucoz - она простая в использовании и доступная даже для начинающих владельцев сайтов и разработчиков. Во-вторых, что нас особенно порадовала - она круглая. В отличии от более привычных и стандартных галерей с горизонтальной прокруткой изображений, это, согласитесь, весьма интересный вариант. Плагин для галереи сделан с использование библиотеки JQuery, как и основной состав продуктов Ucoz. Галерея изображений через Circle Gallery хоть и имеет ограниченное количество картинок, но подойдет практически для любого сайта. В любом случае, рекомендуем скачать плагин и попробовать - галерея выполнена действительно качественно и красиво.

Мини-картинки расположены в круглых окошечках, а в середине большое, тоже круглое, окно полноценного просмотра. Переключая мини-изображения, вы можете просматривать их в укрупненном виде. Думаю, что на любом сайте, даже если у вас огромные библиотеки изображений, может найтись место для небольшой демонстрационной галереи - тогда выбирайте Circle Gallery, но нужно иметь ввиду, что она работает только с изображениями типа .jpg.

Важно! Все картинки загрузите в папку images и пропишите пути к ним в стилях сверху. Картинки должны быть с расширением .jpg. Скрипт из прикреплённого архива залейте в папку js!

Установка:

После /head на нужных страницах вставляйте:

<script type="text/javascript" src="/js/jQuery.radmenu.min.js"></script> 
 <script> 
 jQuery(document).ready(function () { 
 var posc = $("#radial_container").position(); 
 var left = $(window).width() / 2; 
 if ($.browser.opera) { 
 $("#big").css({ 
 "left": left - 122, 
 "top": posc.top - 13 
 }); 
 } else { 
 $("#big").css({ 
 "left": left - 122, 
 "top": posc.top + 3 
 }); 
 } 
 jQuery("#radial_container").radmenu({ 
 listClass: 'list', 
 itemClass: 'item', 
 radius: 220, 
 animSpeed: 800, 
 centerX: 0, 
 centerY: 150, 
 selectEvent: "click", 
 onSelect: function ($selected) { 
 var imgindex = $selected.index() + 1; 
 $(".my_class").removeClass("selected"); 
 $(".img" + imgindex).addClass("selected"); 
 $("#big").css("background-image", "url('/images/" + imgindex + ".jpg')"); 
 }, 
 angleOffset: 0 
 }); 
 jQuery("#radial_container").radmenu("show"); 
 }); 
 </script>

Следующий код в самый низ css:

#radial_container { 
 position:relative; 
 margin: 0 auto; 
 top: 80px; 
 height: 20px; 
 width: 20px; 
 } 
 .radial_div_item { 
 } 
 .radial_div_item.active { 
 z-index: 100; 
 } 
 .my_class { 
 cursor: pointer; 
 height: 75px; 
 width: 75px; 
 border: 5px solid #333; 
 -moz-border-radius: 45px; 
 -webkit-border-radius: 45px; 
 border-radius: 45px; 
 -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); 
 -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); 
 box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); 
 position: relative; 
 text-align: center; 
 font-size: 12px; 
 font-weight: bold; 
 font-family:"Arial"; 
 } 
 .my_class:hover { 
 border-color: #0066cc; 
 } 
 .my_class:active { 
 -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); 
 -moz-box-shadow: 1px 5px 1px rgba(0, 0, 0, .5); 
 box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); 
 top: 2px; 
 border-color: #e3e3e3; 
 } 
 .img1 { 
 background-image: url("Ссылка на картинку"); 
 } 
 .img2 { 
 background-image: url("Ссылка на картинку"); 
 } 
 .img3 { 
 background-image: url("Ссылка на картинку"); 
 } 
 .img4 { 
 background-image: url("Ссылка на картинку"); 
 } 
 .img5 { 
 background-image: url("Ссылка на картинку"); 
 } 
 .img6 { 
 background-image: url("Ссылка на картинку"); 
 } 
 .img7 { 
 background-image: url("Ссылка на картинку"); 
 } 
 .img8 { 
 background-image: url("Ссылка на картинку"); 
 } 
 .img9 { 
 background-image: url("Ссылка на картинку"); 
 } 
 .img10 { 
 background-image: url("Ссылка на картинку"); 
 } 
 .selected { 
 border-color: #0066cc; 
 } 
 #big { 
 position: relative; 
 border: 5px solid #0066cc; 
 width: 300px; 
 height: 300px; 
 -moz-border-radius: 200px; 
 -webkit-border-radius: 200px; 
 border-radius: 200px; 
 -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); 
 -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); 
 box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); 
 } 
 #main { 
 background: #0099cc; 
 margin-top: 0; 
 padding: 2px 0 4px 0; 
 text-align: center; 
 } 
 #main a { 
 color: #ffffff; 
 text-decoration: none; 
 font-size: 12px; 
 font-weight: bold; 
 font-family: Arial; 
 } 
 #main a:hover { 
 text-decoration: underline; 
 }

Следующий код туда, где будет галерея:

<div id="radial_container"> 
 <ul class="list"> 
 <li class="item"> 
 <div class="my_class img1"></div> 
 </li> 
 <li class="item"> 
 <div class="my_class img2"></div> 
 </li> 
 <li class="item"> 
 <div class="my_class img3"></div> 
 </li> 
 <li class="item"> 
 <div class="my_class img4"></div> 
 </li> 
 <li class="item"> 
 <div class="my_class img5"></div> 
 </li> 
 <li class="item"> 
 <div class="my_class img6"></div> 
 </li> 
 <li class="item"> 
 <div class="my_class img7"></div> 
 </li> 
 <li class="item"> 
 <div class="my_class img8"></div> 
 </li> 
 <li class="item"> 
 <div class="my_class img9"></div> 
 </li> 
 <li class="item"> 
 <div class="my_class img10"></div> 
 </li> 
 </ul> 
 </div> 
 <div id="big"></div>

При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Фотогалерея изображений для uCoz

Расскажи друзьям интересные новости:

- Установить на свой сайт блок социальных закладок

Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz | Теги: фото, изображений, фотоальбомы, фотогалерея

Просмотров: 7153 | Загрузок: 18 | Рейтинг: 0.0/0

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

scripts_for_ucoz 1	Apocalypse 2
Black-Yellow 3	Pashkovskyi 4
BLoOd 5	serzw 6
Tiny 7	Aragorn3092 8
Maks-0101_01 9	SCRIPTS-FOR-UCOZ 10