Показать сообщение отдельно
  #6 (permalink)  
Старый 20.08.2010, 06:54
Новичок на форуме
Отправить личное сообщение для javs Посмотреть профиль Найти все сообщения от javs
 
Регистрация: 14.08.2010
Сообщений: 8

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

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>


И миниатюра и изображение здесь должны лежать в одном месте.

Последний раз редактировалось javs, 20.08.2010 в 07:02.
Ответить с цитированием