Comp-Star » DataLife Engine » Хаки DLE » Хак Эффект лупы изображений
Информация к новости
  • Просмотров: 2712
  • Автор: Compstar
  • Дата: 14-04-2013, 18:51
14-04-2013, 18:51

Хак Эффект лупы изображений

Категория: DataLife Engine » Хаки DLE

Хак Эффект лупы изображений

 

 

Реализация эффекта увеличительного стекла (лупы) для изображений на сайте DLE 9.*.

Для работы нам понадобится библиотека jQuery, а также будем использовать CSS3.

1. Скачиваем архив.

2. Заливаем содержимое в свой шаблон.

3. Открываем /templates/ваш шаблон/main.tpl
и перед

</head>



вставляем:

<link href="{THEME}/style/style.css" rel="stylesheet" type="text/css">



тут же, в самом низу, перед

</body>



вставляем:

<!-- Подгрузим prefix-free для более удобного использования CSS3 -->
<script src="https://raw.github.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js" type="text/javascript"></script>
<!-- Подключаем библиотеку jQuery -->
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<!-- Скрипт лупы -->
<script src="{THEME}/js/script.js" type="text/javascript"></script>



4. Открываем /templates/ваш шаблон/fullstory.tpl (для полной новости) или /templates/ваш шаблон/shortstory.tpl (для краткой новости) в зависимости от того, где вы решили использовать эффект.

Находим

<img src="{image-1}" alt="{title}" />



и заменяем на:

<div class="product"><img class="magniflier" src="{image-1}" alt="{title}" /></div>

 

Внимание! У вас нет прав для просмотра скрытого текста.


Вот собственно и всё!

0


Метки к статье: Хаки, DLE 9.8, DLE

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Добавление комментария

Имя:*
E-Mail:
Комментарий:
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос:
Город где была проведена олимпиада 2014 ?
Ответ:*
Введите код: *