Телепорт
» » » Плавное увеличение картинки при наведении на неё курсором мыши

Плавное увеличение картинки при наведении на неё курсором мыши

Плавное увеличение картинки при наведении на неё курсором мыши


Это, достаточно, полезная функция, по-сути, для любого информационного сайта на котором размещены, какие-либо, картинки.

Опишу применение данного скрипта на примере коротких новостей DLE
Всё очень просто:
1. Заливаем содержимое архива.
2. Подключаем JS:
открываем main.tpl и перед тегом добаляем
<script type="text/javascript" src="{THEME}/js/imagesize.js"></script>

3. Подключаем CSS:
открываем main.tpl и перед тегом добаляем
<link rel="stylesheet" href="{THEME}/style/imagesize.css" type="text/css" />

4. Открываем shortstory.tpl Находим
<img src="{image-1}" alt="{title}" />

заменяем на
<img class="expando" src="{image-1}" width="150px" alt="{title}" />

Внимание!
Размер картинки, width="150px", надо указывать не реальный а тот каким, Вы, хотите видеть его в миниатюре.

Наслаждаемся!

Адаптация: ToNik


Скачивание доступно только для зарегистрированных
Replica Handbags (12.05.2015) 0 комментариев 0 публикаций
I have recently seen a post which has pitted the Designer Handbags Replica against the Cheap Replica Handbags and am not really sure how I feel about it. True, I love Designer Replica Handbags and most of what they have come out with time and time again, however I would like to state that there have been some exceptions to the rule. I would love to take this post to state my feeling on both of these Rolex Replicas styles, and I am just going to warn you, they’re not particularly positive ones.

НАШИ НОВОСТИ
Опубликовано 04 апрель 2014
Представляю вашему вниманию шаблон онлайн кинотеатра с глубокой настройкой под свои нужны OST-ARENA.RU Читать далее...
Опубликовано 18 март 2014
Представляю вашему вниманию, адаптивный новостной шаблон Reades News. Адаптивный дизайн подразумевает, что шаблон будет одинаково корректно отображаться во всех устройствах. Шаблон отлично подойдет для медийных новостей и не только. Обязательно посмотрите видеозапись работы Читать далее...
Опубликовано 16 март 2014
Дизайн Zerotheme, адаптирован для DLE 10.1 by Yurets. Шаблон zBoomMusic позиционируется как шаблон для музыкального портала или музыкального блога. Вверху шаблона расположен слайдер, под слайдером Топ новостей, далее последние добавленные новости. Читать далее...