Популярное
Пользователи
 master-site 1 |
Теги сайта
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
 Новостей: 80 |
 Комментариев: 23 |
jQuery Lightbox Evolution для DLE
- Добавил: master-site
- 02.02.2025
Возможно, многие видели на сайтах под системой Datalife Engine, замену стандартного обозревателя изображения новостей.
Так вот сейчас я вам объясню как это сделать и Вам.
Для начала скачиваем саму библиотеку и загружаем папку lightbox в паку js вашего шаблона, так чтобы путь имел такой вид:
Код
{THEME}/js/lightbox/jquery.lightbox.css
Далее идем в редактирование шаблона, и вносим изменения в секцию до тега [ /head]:
Код
<link rel="stylesheet" type="text/css" href="{THEME}/js/lightbox/jquery.lightbox.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="{THEME}/js/lightbox/jquery.lightbox.ie6.css" />
<![endif]-->
<script type="text/javascript" src="{THEME}/js/lightbox/jquery.lightbox.min.js"></script>
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="{THEME}/js/lightbox/jquery.lightbox.ie6.css" />
<![endif]-->
<script type="text/javascript" src="{THEME}/js/lightbox/jquery.lightbox.min.js"></script>
Этим самым действием мы подключили сам скрипт и его стили, далее нам нужно подключить еще один скрипт, но уже после тега [body]:
Код
<script type="text/javascript">
jQuery(document).ready(function($){
$('.lightbox').lightbox();
});
</script>
jQuery(document).ready(function($){
$('.lightbox').lightbox();
});
</script>
Теперь идем в /engine/classes/ находим там файл parse_class.php открываем и заменяем все:
Код
onclick=\"return hs.expand(this)\"
на
Код
class=\"lightbox\"
Вот и все, осталось только сделать "Перестроение публикаций" которая находиться в панели администратора.
Верстка: Не указана
Версия материала: Не указана
Ширина: Не указана
Версия Конструктора: Неизвестна
Автор: Неизвестен
