Довольно-таки неплохая галерея для вашего сайта. Оригинальная и функциональная. Пользователи системы uCoz могут испытать неудобства после установки на свои сайты, связанные с конфликтом двух разных версий jQuery
Для начала посмотрите
ДЕМО
Установка:
1#: После /head на нужных страницах вставляйте:
|
<link href="/css/ppgallery.css" rel="stylesheet" type="text/css" /> <link href="/css/jquery-ui-1.8.6.custom.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript" src="/js/jquery-ui.min.js"></script> <script type="text/javascript" src="/js/ppgallery.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#gallery').ppGallery(); }); </script> |
2#: Следующий код в то место, где будет сама галерея:
|
<ul id="gallery"> <li><a href="Ссылка на большое изображение"><img src="Ссылка на уменьшенное изображение"></a></li> <li><a href="Ссылка на большое изображение"><img src="Ссылка на уменьшенное изображение"></a></li> <li><a href="Ссылка на большое изображение"><img src="Ссылка на уменьшенное изображение"></a></li> <li><a href="Ссылка на большое изображение"><img src="Ссылка на уменьшенное изображение"></a></li> <li><a href="Ссылка на большое изображение"><img src="Ссылка на уменьшенное изображение"></a></li> </ul> |
Осталось лишь залить три JS файла из прикреплённого архива в папку
js, два CSS файла в папку
css и все картинки в папку
images Автор публикации
12
Я не понял вашего вопроса, но постараюсь на него ответить...
Комментарии: 393Публикации: 1096Регистрация: 27-08-2018