ФОТОГАЛЕРЕЯ


ФОТОГАЛЕРЕЯ


Довольно типичная фотогалерея построенная на HTML5, jQuery и CSS3. Сущетсвует возможность редактирования через CMS PageLime.

Разметка HTML
<section id="content" class="container">
    
            <div class="span-18 column rounded">
                <div class="span-6 column rotated">
                    <a id="image1" class="cms-editable polaroid" href="#pic-1" rel="lightbox" title="first image"> <img src="gallery/1_s.jpg" alt="image" /> </a>
                </div>
                <div class="span-6 column rotated">
                    <a id="image2" class="cms-editable polaroid" href="#pic-2" rel="lightbox" title="second image"> <img src="gallery/2_s.jpg" alt="image" /> </a>
                </div>
                <div class="span-6 column rotated last">
                    <a id="image3" class="cms-editable polaroid" href="#pic-3" rel="lightbox" title="third image"> <img src="gallery/3_s.jpg" alt="image" /> </a>
                </div>
                <div class="span-6 column rotated">
                    <a id="image4" class="cms-editable polaroid" href="#pic-4" rel="lightbox" title="first image"> <img src="gallery/4_s.jpg" alt="image" /> </a>
                </div>
                <div class="span-6 column rotated">
                    <a id="image5" class="cms-editable polaroid" href="#pic-5" rel="lightbox" title="first image"> <img src="gallery/5_s.jpg" alt="image" /> </a>
                </div>
                <div class="span-6 column rotated last">
                    <a id="image6" class="cms-editable polaroid" href="#pic-6" rel="lightbox" title="first image"> <img src="gallery/6_s.jpg" alt="image" /> </a>
                </div>
                
                <div id="pic-1">
                    <img src="gallery/1.jpg" alt="image" />
                </div>
                <div id="pic-2">
                    <img src="gallery/2.jpg" alt="image" />
                </div>
                <div id="pic-3">
                    <img src="gallery/3.jpg" alt="image" />
                </div>
                <div id="pic-4">
                    <img src="gallery/4.jpg" alt="image" />
                </div>
                <div id="pic-5">
                    <img src="gallery/5.jpg" alt="image" />
                </div>
                <div id="pic-6">
                    <img src="gallery/6.jpg" alt="image" />
                </div>
            </div>
            
    </section>


Скачать исходник:
css3_photo_gallery.rar


скрипт скрипт ФОТОГАЛЕРЕЯ
Статистика
0  
Всего статей 1025
0  
Всего комментариев 57
0  
Пользователей 8
Обновления new
  • XenForo Resource Manager 1.1.4
  • Что такое Менеджер ресурсов (Resource Manager)? Менеджер ресурсов является официальным дополнением для XenForo, которое позволяет управлять
  • Boss Electronues - Шаблон для OpenCart
  • И так, данный шаблон заточен под OpenCart. В данном шаблоне есть не свойственная для магазинов возможность писать блоги. В шаблон встроен блог от
  • R.Gen - Шаблон на OpenCart
  • R.Gen - это отличный премиум шаблон на OpenCart. Отличный дизайн, полностью настраиваемый и в тоже время простой в шаблон для создания серьезного
  • 30 psd логотипов на разные тематики
  • Эта сборка из 30 psd логотипов на разную тематику. Логотипы схематичные, яркие, детализированные, в отличном качестве и в формате PSD. Логотипы не
  • Xenu Программа для проверки битых ссылок
  • Xenu старенькая но очень полезная программа для поиска битых ссылок на сайте. Описание: Проверка ссылок делается на: ссылки, изображения, рамок,
Информация