Показать сообщение отдельно
  #8 (permalink)  
Старый 19.01.2013, 19:10
Аватар для Serg_pnz
Сам по себе
Отправить личное сообщение для Serg_pnz Посмотреть профиль Найти все сообщения от Serg_pnz
 
Регистрация: 09.06.2009
Сообщений: 963

Смотри в демке код страницы.

Это подключили стили темы оформления и сам движек галереи
<link rel="stylesheet" media="screen" type="text/css" href="lightgallery/skins/default/style.css">
<script type="text/javascript" src="../lightgallery/lightgallery.min.js">


Для галереи лучше создать свою папку, там еще будут лежать картинки от темы, лучше не делать на своём сайте кашу, так что как в примере выше создай папку lightgallery.

Конструкция верстки такова
<a title="Leaves after rain" rel="lightgallery" href="001.jpg">
<img title="Leaves after rain" alt="Leaves after rain" src="001_t.jpg">
</a>

href у ссылки - это путь к большой картинке, src у картинки - это путьк превьюшке.
Важно! Что бы скрипт понял, что это ссылка для галереи, надо в ней, в ссылке, указать rel="lightgallery"

И еще в хедере после подключения библиотеки так же надо инициализировать эту библиотеку, например так
lightgallery.init({
    alias : 'ibox',
    minPadding : 30
});

Если это alias : 'ibox' написать при инициализации, то в ссылке надо уже будет писать rel="ibox"
Ответить с цитированием