10.11.2013 20:51:46 Как сделать плавное увеличение картинки при клике Сообщение #1
olegvasil
Эксперт
Дата регистрации:
25.03.2013 22:27:59
Сообщений: 106
Добрый вечер Михаил!.Вот такой код не помогает сделать просто чтобы картинка плавно увеличивалась .Размеры щас пока не волнует
<html>
<head>
<title>Тестовая страница</title>
<script type = "text/javascript" src = "lib/func.js"></script>
<script type = "text/javascript">
function changeImage(event){
var self_width = Number(event.target.style.width.substring(0,event.target.style.width.length - 2));
var self_height = Number(event.target.style.height.substring(0,event.target.style.height.length - 2));
event.target.style.width = (self_width + 1) + "px";
event.target.style.height = (self_height + 1) + "px";
setTimeout(changeImage(event),1000);
}
</script>
</head>
<body>
<img src = "image1.jpg" alt = "" style = "width:100px;height:100px" onclick = "changeImage(event)"/>
</body>
</html>
<html>
<head>
<title>Тестовая страница</title>
<script type = "text/javascript" src = "lib/func.js"></script>
<script type = "text/javascript">
function changeImage(event){
var self_width = Number(event.target.style.width.substring(0,event.target.style.width.length - 2));
var self_height = Number(event.target.style.height.substring(0,event.target.style.height.length - 2));
event.target.style.width = (self_width + 1) + "px";
event.target.style.height = (self_height + 1) + "px";
setTimeout(changeImage(event),1000);
}
</script>
</head>
<body>
<img src = "image1.jpg" alt = "" style = "width:100px;height:100px" onclick = "changeImage(event)"/>
</body>
</html>
