Среда, 21.11.2018, 08:43
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Ваше любимое оружие в Counter Strike 1.6


Всего ответов: 1210

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 8
Гостей: 8
Пользователей: 0


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

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

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

Победы
Победы(10)

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


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Фотогалерея для uCoz с плавным увеличением фото (lightbox)
Павел написал:
ваша фотогалерея не работает на шаблонах ucoz, перепроверьте работоспособность и исправьте свои ошибки. спасибо
Новость: Музыкальный шаблон
eddison написал:
doe it use file catalog or forum?
Новость: Что такое деревопласт? Приобретение забора из деревопласта?
написал:
Интересный материал для строительства, даже не слышал о таком. smile

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

установить такой информер
VKONTAKTE

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

Фотогалерея для uCoz с плавным увеличением фото (lightbox)

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

Просто великолепный материал совсем недавно адаптировал Apocalypse для сайтов uCoz. Это красивая фотогалерея, на которой фотографии плавно увеличиваются при просмотре, а так же есть затемнение, а даже скорее просветление картинок, когда вы наводите на них мышкой. Отличный материал, будет полезен многим. Например, при хорошем знание html эту галерею можно оптимизировать по существующий фотоальбом на вашем uCoz сайте, или же можно использовать её просто, в таком виде как она тут выложена. Не забудьте, в коде фотогалереи прописать пути до картинок, иначе ничего работать не будет. Есть вопросы? Пишите комментарии и мы постараемся вам написать ответ и помочь.


В данном материале нету ни одного скрипта, что облегчает работу сайта. Всё сделано на Css3 и HTML.

Установка фотогалереи на сайт uCoz:

В самый низ вашего css вставляйте: код найдёте в прикреплённом архиве. Скачайте его и найдёте код. (скачивать могут только зарегистрированные пользователи).
 
Следующий код в то место, где будет галерея:

<section>
<ulclass="lb-album">
<li>
<ahref="#image-1">
<imgsrc="Ссылка на миниатюру"alt="image01">
<span>Заголовок на миниатюре</span>
</a>
<divclass="lb-overlay"id="image-1">
<ahref="#page"class="lb-close">x Close</a>
<imgsrc="Ссылка на большую картинку"alt="image01"/>
<div>
<h3>Заголовок</h3>
<p>Описание</p>
</div>
</div>
</li>

<li>
<ahref="#image-2">
<imgsrc="Ссылка на миниатюру 2"alt="image02">
<span>Заголовок на миниатюре 2</span>
</a>
<divclass="lb-overlay"id="image-2">
<ahref="#page"class="lb-close">x Close</a>
<imgsrc="Ссылка на большую картинку 2"alt="image02"/>
<div>
<h3>Заголовок 2</h3>
<p>Описание 2</p>
</div>
</div>
</li>
</ul>
</section>



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



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


- Установить на свой сайт блок социальных закладок
Категория: HTML коды для uCoz | Добавил: scripts_for_ucoz | Теги: фотоальбом, Галерея, фото, фотоальбомы, фотогалерея
Просмотров: 14507 | Загрузок: 157 | Комментарии: 5 | Рейтинг: 0.0/0
Всего комментариев: 5
5 Администратор2869   (22.08.2018 03:34)
ваша фотогалерея не работает на шаблонах ucoz, перепроверьте работоспособность и исправьте свои ошибки. спасибо

4 Terabyte2010   (25.10.2015 18:05)
Сделал все как описано, назначил ссылки на изображения.
На странице видно появилось

Заголовок на миниатюре x Close
Заголовок

Описание

3 museyca   (01.11.2014 11:15)
предоставленный код не соответствует примеру, или показалось...?
и такая (ahref=)вот слипшаяся фигня не работает...

1 admin0678   (11.11.2013 02:05)
что делать(стала устанавливать,и вернувшись на главную стр сайта обнаружила ,что шаблон сайта попал на задн часть(что делать помогите

2 scripts_for_ucoz   (11.11.2013 04:35)
учиться разбираться в HTML и только тогда приниматься за дело. Делать BACKUP шаблонов в uCoz и использовать её в вашей ситуации. Если шаблон был оригинальный от uCoz, тогда просто востановить нужный вам шаблон из панели управления в общих настройках. Такие вот 3 варианта у вас.

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

Хостинг от uCoz