<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

Как итог, курс совмещает в себе всё, что нужно по HTML, CSS и адаптивной вёрстке сайтов, с наглядными примерами, с обучением от простого к сложному и без необходимости иметь начальных знаний, а благодаря вспомогательной системе психологически курс проходится очень легко, а на выходе Вы сможете сделать адаптивную вёрстку любого сайта любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Как сделать плавное увеличение картинки при клике
10.11.2013 20:51:46 Как сделать плавное увеличение картинки при клике Сообщение #1
olegvasil

olegvasil

Эксперт

Эксперт

Дата регистрации:
25.03.2013 22:27:59

Сообщений: 104

Добрый вечер Михаил!.Вот такой код не помогает сделать просто чтобы картинка плавно увеличивалась .Размеры щас пока не волнует


<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>
Профиль Ответить
10.11.2013 21:35:27 Как сделать плавное увеличение картинки при клике Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Алгоритм, в целом, верный. А если не работает, то надо искать ошибку: http://myrusakov.ru/javascript-finderror.html
Профиль Ответить
11.11.2013 21:22:25 Как сделать плавное увеличение картинки при клике Сообщение #3
Gurgen

Gurgen

Новичок

Новичок

Дата регистрации:
11.11.2013 21:14:50

Сообщений: 2

<html>
<head>
<style>
#image{
width:150px;
height:150px;
margin:50px;
-webkit-transition:all 1s;
transition:all 1s;
}
#image:hover{
-webkit-transform:scale(1.5);
transform:scale(1.5);
}
</style>
</head>
<body>
<img id="image" src="images/valencia.jpg" />
</body>
<html>



Вот код есть,даже без джаваскрипт получился,но если при клике или при других событиях сделать,то без джаваскрипт не возможно.
Профиль Ответить