JS увеличение изображения.

Статус
В этой теме нельзя размещать новые ответы.

aldonin

Постоялец
Регистрация
4 Янв 2009
Сообщения
46
Реакции
18
Здравствуйте.Есть скрипт для увеличения изображения при наведении мышки.Но есть одна проблема.Не получается заставить его сдвигать изображение влево ,а ни вправо при увеличении.
Кто может подскажите как исправить.
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.jump / times) * Math.PI)) / 2;
im.style.width = widthHeight (e.ims.w);
im.style.height = widthHeight (e.ims.h);
if (e.ims.d && times > e.ims.jump){
++e.ims.jump;
e.ims.timer = setTimeout(resize, speed);
} else if (!e.ims.d && e.ims.jump > 0){
--e.ims.jump;
e.ims.timer = setTimeout(resize, speed);
}
}, d = document.images, i = d.length - 1;
for (i; i > -1; --i)
if(d == im) break;
i = i + im.src;
if (!e.ims){
e.ims = {im : new Image(), jump : 0};
e.ims.im.onload = function(){
e.ims.w = [e.ims.im.width - im.width, im.width];
e.ims.h = [e.ims.im.height - im.height, im.height];
e (im);
};
e.ims.im.src = im.src;
return;
}
if (e.ims.timer) clearTimeout(e.ims.timer);
e.ims.d = !e.ims.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);
}
})();
}
 
Нет.Там тоже при наведении на изображение оно увеличенно изображение показывает вправо а нужно влево.Тоже самое и в этом скрипте в этом вся проблема тоб не вправо а влево показывало.
 
Гониво какое то... Тут явно чего то не хватает. Нужно демо. Не чего то, а координат как раз и нет, а должны быть.
 
А так картинка просто плавно увеличивается, она не абсолютно позиционирована. Для того чтоб она увеличивалась в другую сторону всё надо переписывать заново и скрипт будет длинней этого.

И вообще скрипт ИМХО какой то мутный, можно всё проще сделать.
 
Нет.Там тоже при наведении на изображение оно увеличенно изображение показывает вправо а нужно влево.Тоже самое и в этом скрипте в этом вся проблема тоб не вправо а влево показывало.

теперь понятно )))

добавляешь к родительскому тегу выравнивание по правому краю
style="text-align:right;"

Или для самого изображения
style="float:right;"
 
Спасибо все получилось лучший вариант это
добавить к родительскому тегу выравнивание по правому краю
style="text-align:right;"
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху