Показать сообщение отдельно
  #9 (permalink)  
Старый 26.07.2016, 16:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Хан,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .img img {
     width: 100px;
     height: 100px;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
   <script>
$(window).on("load", function() {
    $(".img img").each(function(e, a) {
        a = $(a);
        var b = a.height(),
            c = a.width(),
            d = [{
                height: b,
                width: c
            }, {
                height: 7 * b,
                width: 7 * c
            }];
        a.on("click", function() {
            a.stop().animate(d.reverse()[0], 3E3)
        })
    })
});
  </script>
</head>

<body>

<p class="img">
      <img src="http://www.newyork.ru/ic/images.newsru.com/pict/id/large/796764_20051013122324.gif"  alt="" />
</p>




</body>
</html>
Ответить с цитированием