19 апр 2013
Плавное увеличение картинки при наведении на неё курсором мыши
tonik Категория: DATALIFE ENGINE » Модули
У нас вы можете скачать бесплатно Плавное увеличение картинки при наведении на неё курсором мыши

Данный материал предоставлен сайтом Skripter.info исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Плавное увеличение картинки при наведении на неё курсором мыши

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

Опишу применение данного скрипта на примере коротких новостей DLE
Всё очень просто:

1. Заливаем содержимое архива.

2. Подключаем JS:
открываем main.tpl и перед тегом
</head>

добаляем
<script type="text/javascript" src="{THEME}/js/imagesize.js"></script>



3. Подключаем CSS:
открываем main.tpl и перед тегом
</head>

добаляем
<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

Скачивание файлов доступно только зарегистрированным пользователям









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