Виджет погоды для вашего сайта
Бесплатный виджет автоматически определяет город посетителя по IP-адресу и показывает текущую погоду с индексом метеозависимости. Язык виджета определяется из настроек браузера.
Примеры
Светлая тема
Код для вставки
<script src="https://a-weather.ru/js/widget.js"></script>Тёмная тема
Код для вставки
<script src="https://a-weather.ru/js/widget.js" data-theme="dark"></script>English (Light)
Код для вставки
<script src="https://a-weather.ru/js/widget.js" data-lang="en"></script>English (Dark)
Код для вставки
<script src="https://a-weather.ru/js/widget.js" data-lang="en" data-theme="dark"></script>Параметры
| Атрибут | Значения | По умолчанию | Описание |
|---|---|---|---|
data-lang |
auto, ru, en |
auto |
Язык виджета. auto определяет язык из настроек браузера |
data-theme |
light, dark |
light |
Цветовая тема виджета |
Примеры кода
Базовая вставка (авто-язык, светлая тема)
<script src="https://a-weather.ru/js/widget.js"></script>Русский язык, тёмная тема
<script src="https://a-weather.ru/js/widget.js" data-lang="ru" data-theme="dark"></script>Английский язык
<script src="https://a-weather.ru/js/widget.js" data-lang="en"></script>Возможности
- Автоопределение города посетителя по IP-адресу
- Текущая температура и описание погоды
- Скорость ветра, влажность, давление
- УФ-индекс
- Индекс метеозависимости (вероятность плохого самочувствия)
- Автоопределение языка из настроек браузера
- Светлая и тёмная темы
- Изолированные стили (Shadow DOM) — не конфликтует с вашим сайтом