WEB лаборатория DLE » DataLife Engine » Хаки DLE » Плавное увеличение картинки при наведении на неё курсором мыши
Навигация
Популярное
    Статистика

    Материалов: 1789 [+0]
    Пользователей: 685 [+0]

    Всего онлайн : 3
    Пользователей: 0
    Гостей: 3


    Последние комментарии
    ...
    HI-tech:
    0

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

    Автор: Robot_DLElabкатегория: DataLife Engine » Хаки DLEдата: 22-04-2013, 17:09
    Плавное увеличение картинки при наведении на неё курсором мыши


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

    Опишу применение данного скрипта на примере коротких новостей 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



    Скачать бесплатно

    Теги: dle, хак

    Другие новости по теме:


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