Показать сообщение отдельно
  #5 (permalink)  
Старый 28.07.2012, 00:39
Интересующийся
Отправить личное сообщение для _Ivan Посмотреть профиль Найти все сообщения от _Ivan
 
Регистрация: 27.07.2012
Сообщений: 12

Переделал скрипт (выдрал кусок кода из интернета)

<style>
.zoom{
background:url(Image\ Link_files/zoom.gif) no-repeat 50% 50%;
opacity: 0.5;
}
</style>

function updateZoomImg(){
		var a = document.getElementsByTagName("a");
		for (var i=0;i<a.length;i++){
			if(a[i].rel!=''){
				var img = a[i].getElementsByTagName("img");		
				for (var j=0;j<img.length;j++){			
					a[i].style.position = "static";						 
					var image = img[j];
					if(a[i].getElementsByTagName("span").length > 0) a[i].removeChild(a[i].getElementsByTagName("span")[0]);
					var span = document.createElement("span");	
					span.style.position="absolute";
					span.style.top=image.offsetTop+"px";
					span.style.left=image.offsetLeft+"px";
					span.style.width=image.offsetWidth+"px";
					span.style.height=image.offsetHeight+"px";
					span.a = img[j].a = a[i];	
					a[i]["span"] = span;
					span.onmouseover = function(){this.a["span"].className = 'zoom';};
					span.onmouseout = function(){this.a["span"].className = '';};
					a[i].appendChild(span);							
				}
			}
		}
}
addEvent(window,"load",updateZoomImg);
addEvent(window,"resize",updateZoomImg);


Установку координат надо поменять, а так работает.

Вопросы:
1. Я не понял значение строки span.a = img[j].a = a[i]; В "span.a" что такое "а", это свойство или тэг?

2. лупа прописана в стилях, а нужно ли делать прелоад картинки?
Ответить с цитированием