final move to png

2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.md

@@ -2,7 +2,7 @@
 
 Нужно расположить его внутри `<div>` фиксированного размера, так чтобы в один момент была видна только нужная часть списка:
 
-<img src="carousel1.svg">
+<img src="carousel1.png">
 
 Чтобы список был длинный и элементы не переходили вниз, ему ставится `width: 9999px`, а элементам `<li>`, соответственно, `float:left`, либо для элементов используется `display: inline-block`, как в этом решении.
 
@@ -12,7 +12,7 @@
 
 Для "прокрутки" будем сдвигать `<ul>`. Это можно делать по-разному, например, назначением CSS-свойства `transform: translateX()` или `margin-left`:
 
-<img src="carousel2.svg">
+<img src="carousel2.png">
 
 У внешнего `<div>` фиксированная ширина, поэтому "лишние" изображения обрезаются.
 

2-ui/2-events-and-interfaces/4-event-bubbling/article.md

@@ -39,7 +39,7 @@
 
 Всплытие гарантирует, что клик по внутреннему `<p>` вызовет обработчик `onclick` (если есть) сначала на самом `<p>`, затем на элементе `<div>` далее на элементе `<form>`, и так далее вверх по цепочке родителей до самого `document`.
 
-<img src="event-order-bubbling.svg" alt="Порядок всплытия событий">
+<img src="event-order-bubbling.png" alt="Порядок всплытия событий">
 
 Поэтому если в примере выше кликнуть на `P`, то последовательно выведутся `alert`: `p` -> `div` -> `form`.
 
@@ -132,7 +132,7 @@
 
 В [стандарте DOM Events 3](http://www.w3.org/TR/DOM-Level-3-Events/) это продемонстрировано так:
 
-<img src="eventflow.svg">
+<img src="eventflow.png">
 
 То есть, при клике на `TD` событие путешествует по цепочке родителей сначала вниз к элементу ("погружается"), а потом наверх ("всплывает"), по пути задействуя обработчики.
 

2-ui/2-events-and-interfaces/5-event-delegation/article.md

@@ -79,7 +79,7 @@ function highlight(node) {
 
 Естественно, клик может произойти внутри `<td>`, на элементе `<strong>`. Такой клик будет пойман единым обработчиком, но `target` у него будет не `<td>`, а `<strong>`:
 
-<img src="bagua-bubble.svg">
+<img src="bagua-bubble.png">
 
 Внутри обработчика `table.onclick` мы должны по `event.target` разобраться, в каком именно `<td>` был клик.