[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Ограничить увеличение картинки
kellua
Есть файл img.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('mouseover', expConIm, false);
document.addEventListener('mouseout', expConIm, false);
}
else if (document.attachEvent){
document.attachEvent('onmouseover', expConIm);
document.attachEvent('onmouseout', expConIm);
}
}
)();
}




Спустя 6 минут, 24 секунды (22.06.2011 - 12:26) waldicom написал(а):
Общий способ, не разбираясь в коде: ищутся слова width/height и вставляются свои значения.
Искать лучше в функции resize, если уж она изменяет размеры картинки

Спустя 2 минуты, 14 секунд (22.06.2011 - 12:28) kellua написал(а):
Цитата
Общий способ, не разбираясь в коде: ищутся слова width/height и вставляются свои значения

Они есть, но заданы функцией. Как ограничить эту функцию? в отсальных кодах на сайте
width/height задают размер уменьшеной копии.

Спустя 3 минуты, 17 секунд (22.06.2011 - 12:32) waldicom написал(а):
Цитата (kellua @ 22.06.2011 - 10:28)
Они есть, но заданы функцией. Как ограничить эту функцию?

Так и ограничивайте в функции. Нужны конкретные числа или макимальный размер будет зависеть от размера картинки?

Спустя 4 минуты, 10 секунд (22.06.2011 - 12:36) kellua написал(а):
вот я и спрашиваю, как должен измениться код, или что на что заменить, чтобы можно было ввести в код 2 числа (высоту и ширину) и все.


_____________
Автомобили – средство передвижения для поиска к нему запчастей.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.