Возможно ли изменение favicon на сайте, когда пользователи меняют темы?

У меня есть 2 темы на моем сайте: красный и синий. Это прекрасно работает...

Я должен знать, могу ли я что-то изменить для значка, когда пользователи меняют тему...

Я знаю, что этот код предназначен для реализации favicon:

<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="favicon.ico" />

Итак, что мне нужно сделать, чтобы это стало возможным? с помощью jQuery?

У меня есть этот script, который я использую для изменений тем:

$("#painel_faccao li a").click(function() { 
        $("link#faccao").attr("href",$(this).attr('rel'));      
        $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
     return false;

  });

как я могу реализовать это здесь?

(Этот вопрос имеет более современный подход к этой функции)

Ответы

Ответ 1

Здесь есть ответ на переполнение стека: Динамическое изменение значка сайта

Мне нравится этот ответ лучше всего:

Если у вас есть следующий фрагмент HTML:

<link id="favicon" rel="shortcut icon" type="image/png" href="favicon.png" />

Вы можете изменить значок с помощью Javascript, изменив элемент HREF на эту ссылку, например (если вы используете JQuery):

$("#favicon").attr("href","favicon2.png");

Просто используйте JQuery для проверки таблицы стилей и изменения основанного на ней значка.

Ответ 2

Да, есть другой способ. Просто сделайте это

  • Удалить <link rel="shortcut icon" ...>
  • Добавьте код ниже
$(window).load(function () {
    $('head').append('<link href="your_favicon_name.ico" rel="shortcut icon" type="image/x-icon" />');
  });