<!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>