Сообщение от Виталий С
|
Заказчик просит сделать так, чтобы на странице были маленькие фото-превьюшки, которые при наведении на них мышью увеличивались бы до оригинала.
|
Для начала, я бы убедил заказчика, что без ведома пользователя ничего автоматически "выскакивать" не должно, тем более когда речь идет об изображениях. А затем предложил бы следующее простое решение:
function zoomImg(obj) {
var ext=obj.src.split('.');
ext=ext[ext.length-1];
obj.src=!obj.src.match('_icon')?
obj.src.replace(new RegExp('\.'+ext),'_icon.'+ext):
obj.src.replace('_icon','');
return(true);
}
<div style="background: url(image.jpg) no-repeat;"><img src="image_icon.jpg" onclick="zoomImg(this)"></div>
И миниатюра и изображение здесь должны лежать в одном месте.