У меня есть панель навигации, нижний колонтитул, несколько блоков содержимого и изображение, которое я хочу изменить одним щелчком переключателя. Я думаю, что эффективно, я хочу поменять местами таблицы стилей одним нажатием кнопки.
Я знаю, что могу менять элементы, используя JavaScript вот так
<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">
Change the image
</button>
Но есть пара проблем, с которыми я сталкиваюсь это уже
- У него нет перехода затухания
- Это не будет сохраняться на моих страницах
Таким образом, в основном пользователь должен иметь возможность выберите между светлой темой и темной темой по всему сайту и при замене переход на элементах должен исчезать, например, на 1 секунду.
Лучший подход, который я мог придумать до сих пор, был чтобы выполнить переход javascript при загрузке 2-го листа (поэтому JS обрабатывает переход на странице, а когда новая страница загружает другой файл CSS, на месте)
Но мне было интересно есть ли у кого-нибудь лучшее решение?