Заходите к нам с нового домена - uCoz.co.ua
Total users: 3516

Навигация

New-Info это:
Большой сборник скриптов, шаблонов, меню, макетов для uCoz. Проект New-Info.uCoz.Net не требует от Вас регистрации для скачивание файлов. Также большая часть загружена на наш сервер - это даст возможность скачивать в один клик.

Поиск


Форма входа

Популярные теги

Профиль

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


Проверка тИЦ и PR

скачать моды
При наведении курсора на изображение, оно плавно увеличивается
Категория: Интересное / Дата добавления материала: 31.03.2011, 21:28


Это, достаточно, полезная функция, по-сути, для любого информационного сайта на котором размещены, какие-либо, картинки. С помощью этого скрипта, Вам, не понадобится открывать изображение в новом окне для того, чтобы просмотреть его в полном размере. Достаточно просто навести на картинку курсором мыши.

Установка:

1) Качаем архив
2) Создаем в файловом менеджере папку imgfile.
3) В архиве который вы скачали есть папка "Загрузить", вот с этой папки Вы должны загрузить в папку imgfile все файлы (imagesize.css и imagesize.js )
4) Этот код ставим там где будут отображаться картинки:

<link rel="stylesheet" href="/imgfile/imagesize.css" type="text/css" />
<script type="text/javascript" src="/imgfile/imagesize.js"></script>

5) Этот код помещаете там, где хотите видеть картинки:

<div>
<img class="expando" border="0" src="ПУТЬ К КАРТИНКЕ" width="150" height="110">
<img class="expando" border="0" src="ПУТЬ К КАРТИНКЕ" width="212" height="160">
<img class="expando" border="0" src="ПУТЬ К КАРТИНКЕ" width="127" height="86">
</div>

ВАЖНО!!!
Размер картинки надо указывать не реальный а тот каким, Вы, хотите видеть его в миниатюре.
Например реальный размер картинки metro2033.jpg - 320 x 240 а в коде указан: width="150" height="110"

Просмотров: 1103 | Загрузок: 183 | Комментарии: 1 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

New-Info.uCoz.Net / uCoz.co.ua © 2024
Хостинг от uCoz