Просто про створення сайтів і банерівЗображення · Код · WordPress
Головна / Посібники
Банери й рух

Замість Flash: посилання, рух і звичайний HTML

Adobe припинила підтримку Flash Player 31 грудня 2020 року. Встановлення застарілого плагіна не підходить для запуску сучасного сайту.

Перед початком

Визначте призначення SWF: банер, відео чи інтерактив. Збережіть дозволені вихідні файли для вивчення, але не запускайте невідомий виконуваний код.

Замість Flash: посилання, рух і звичайний HTML. Визначити роль SWF → HTML / CSS / SVG → Перевірити без плагіна
Визначити роль SWF → HTML / CSS / SVG → Перевірити без плагіна
Текстове пояснення схеми

Визначити роль SWF → HTML / CSS / SVG → Перевірити без плагіна. Банер, який раніше відкривав сторінку через getURL, стає елементом a з img усередині. Це заміна функції, а не імітація старого програвача.

Як зробити

  1. Для клікабельного банера використайте звичайне посилання із зображенням і зрозумілим текстом. Воно працює з клавіатурою та новою вкладкою без ActionScript.
  2. Невелику анімацію форми перенесіть у CSS або SVG; відеосюжет — у HTML video з керуванням і відповідним текстовим супроводом. Не обіцяйте автоматичне перетворення будь-якої старої гри однією командою.
  3. Перевірте посилання, фокус і reduced motion. Зміст має зберігатися без картинки та JavaScript.
Приклад коду
<a href="/guides/"><img src="banner.webp" width="600" height="300" alt="Практические руководства Web Article"></a>

Розгляньмо приклад

Банер, який раніше відкривав сторінку через getURL, стає елементом a з img усередині. Це заміна функції, а не імітація старого програвача.

Перевірте результат

Немає Flash object/embed, вимог встановити плагін чи завантажити невідомий програвач. Посилання має справжнє призначення й доступну назву.

Де легко помилитися

Знімок старого інтерфейсу не є робочим відновленням інтерактиву. Розрізняйте збережений документ і функцію, реалізовану заново.

Джерела й продовження

Схема й приклади: редакція Web Article. Схема пояснює принцип і не є знімком інтерфейсу або результатом випробування програми.

Продовжити роботу