|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
22.12.2010, 15:17 | #1 |
Регистрация: 06.12.2010
Сообщений: 5
|
Приближение изображения
Подскажите как сделать так, чтобы при наведение курсора мыши изображение становилось чуть больше, буквально в полтора раза?
|
22.12.2010, 15:54 | #2 |
Старожил
Регистрация: 19.04.2010
Сообщений: 2,702
|
Надо при наведении на изображение курсора мыши меня размеры на чуть больше.
|
22.12.2010, 15:57 | #3 |
Регистрация: 06.12.2010
Сообщений: 5
|
Как прописать в код, чтобы оно менялось при наведении?
|
23.12.2010, 19:54 | #4 |
Interdicted
Участник клуба
Регистрация: 25.11.2010
Сообщений: 1,194
|
1. Создаём файл imagesize.css
img.expando{ border: none; vertical-align: bottom; } затем подгружаем его: <link rel="stylesheet" href="ПУТЬ К ФАЙЛУ/imagesize.css" type="text/css" /> 2. Создаём файл imagesize.js if (document.images){ (function(){ var cos, a = /Apple/.test(navigator.vendor), times = a? 20 : 40, speed = a? 40 : 20; var expConIm = function(im){ im = im || window.event; if (!expConIm.r.test (im.className)) im = im.target || im.srcElement || null; if (!im || !expConIm.r.test (im.className)) return; var e = expConIm, widthHeight = function(dim){ return dim[0] * cos + dim[1] + 'px'; }, resize = function(){ cos = (1 - Math.cos((e.ims[i].jump / times) * Math.PI)) / 2; im.style.width = widthHeight (e.ims[i].w); im.style.height = widthHeight (e.ims[i].h); if (e.ims[i].d && times > e.ims[i].jump){ ++e.ims[i].jump; e.ims[i].timer = setTimeout(resize, speed); } else if (!e.ims[i].d && e.ims[i].jump > 0){ --e.ims[i].jump; e.ims[i].timer = setTimeout(resize, speed); } }, d = document.images, i = d.length - 1; for (i; i > -1; --i) if(d[i] == im) break; i = i + im.src; if (!e.ims[i]){ e.ims[i] = {im : new Image(), jump : 0}; e.ims[i].im.onload = function(){ e.ims[i].w = [e.ims[i].im.width - im.width, im.width]; e.ims[i].h = [e.ims[i].im.height - im.height, im.height]; e (im); }; e.ims[i].im.src = im.src; return; } if (e.ims[i].timer) clearTimeout(e.ims[i].timer); e.ims[i].d = !e.ims[i].d; resize (); }; expConIm.ims = {}; expConIm.r = new RegExp('\\bexpando\\b'); if (document.addEventListener){ document.addEventListener('mouseove r', expConIm, false); document.addEventListener('mouseout ', expConIm, false); } else if (document.attachEvent){ document.attachEvent('onmouseover', expConIm); document.attachEvent('onmouseout', expConIm); } })(); } подгружаем: <script type="text/javascript" src="ПУТЬ К ФАЙЛУ/imagesize.js"></script> 3. Помещаем картинки в любое место на сайте прописав в коде: <div> <img class="expando" border="0" src="ПУТЬ К ФАЙЛУ/blue_sky.jpg" width="150" height="110"> <img class="expando" border="0" src="ПУТЬ К ФАЙЛУ/zakat.jpg" width="212" height="160"> <img class="expando" border="0" src="ПУТЬ К ФАЙЛУ/gorod.jpg" width="127" height="86"> </div> Размер картинки надо указывать не реальный а тот каким, Вы, хотите видеть его в миниатюре. Например реальный размер картинки blue_sky.jpg 320 x 240 а в коде указан: width="150" height="110" Love writing code and I am really passionate about it
|
23.12.2010, 23:34 | #5 |
Форумчанин
Регистрация: 21.01.2009
Сообщений: 148
|
Без js:
HTML: Код:
Код:
МОЙ САЙТ
Компьютер позволяет решать все те проблемы, которые до появления компьютера не существовали. |
24.12.2010, 12:09 | #6 | |
Форумчанин
Регистрация: 03.09.2010
Сообщений: 197
|
Цитата:
|
|
24.12.2010, 14:03 | #7 |
Interdicted
Участник клуба
Регистрация: 25.11.2010
Сообщений: 1,194
|
Она самая только скопировал... Раз сложно человеку гугл открыть
Love writing code and I am really passionate about it
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
ListBox и изображения | fezilk24 | Общие вопросы Delphi | 14 | 13.06.2010 13:39 |
Приближение и удаление от текстуры.(Opengl) | peredozer | Мультимедиа в Delphi | 3 | 10.05.2010 02:59 |
Графики. Приближение(зум) | rzrwolf | Microsoft Office Excel | 4 | 06.01.2009 11:32 |
Чтение изображения из базы данных, Вместо изображения - "System.Byte[]" | ruelCrow | Общие вопросы .NET | 3 | 10.07.2008 23:29 |
Изображения в БД | alikon1 | БД в Delphi | 3 | 08.10.2007 13:13 |