Показать сообщение отдельно
  #4 (permalink)  
Старый 07.03.2016, 14:36
Аватар для Cuntmann
Аспирант
Отправить личное сообщение для Cuntmann Посмотреть профиль Найти все сообщения от Cuntmann
 
Регистрация: 26.01.2014
Сообщений: 78

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>XZ</title>
<script>
/* Скрипт срабатывает после загрузки страницы */
onload=function(){
/* Коллекция всех элементов с классом art11 */
var img=document.querySelectorAll('[class="art11"]');
/* Назначаем каждому элементу коллекции какие-то действия при клике на нем */
for(var i=0; i < img.length; i++){
img[i].onclick=function(){
var W=(window.innerWidth*0.9).toFixed(),
    H=(window.innerHeight*0.9).toFixed();
	this.width=W;
	this.height=H;
	this.title='width="'+W+'" height="'+H+'"';
}
}
}
</script>
</head>
<body>
<center>
<img width="250" height="250" class="art11" src="img/slide1.jpg" title="1-е фото" />
<img width="250" height="250" class="art11" src="img/slide2.jpg" title="2-е фото" />
<img width="250" height="250" class="art11" src="img/slide3.jpg" title="3-е фото" />
</center>
</body>
</html>

Последний раз редактировалось Cuntmann, 07.03.2016 в 14:39.
Ответить с цитированием