Tengo dos temas en mi sitio: rojo y azul. Esto funciona bien.
Debo saber si puedo hacer algo para cambiar el favicon, cuando los usuarios cambian el tema.
Sé que este código es para implementar favicon:
<link rel="shortcut icon" href="favicon.ico" /> <link rel="icon" href="favicon.ico" />¿Qué necesito para que esto sea posible? ¿Usando jQuery?
Tengo este script que uso para cambiar temas:
$("#painel_faccao li a").click(function() { $("link#faccao").attr("href",$(this).attr('rel')); $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'}); return false; });¿Cómo puedo implementar esto aquí?
(Esta pregunta tiene un enfoque más moderno para esta función)
Hay una respuesta aquí en Stack Overflow: Cambiar el favicon del sitio web dinámicamente
Me gusta más esta respuesta:
Si tiene el siguiente fragmento de HTML:
<link id="favicon" rel="shortcut icon" type="image/png" href="favicon.png" />Puede cambiar el favicon usando Javascript cambiando el elemento HREF en este enlace, por ejemplo (asumiendo que está usando JQuery):
$("#favicon").attr("href","favicon2.png");Simplemente use JQuery para verificar la hoja de estilo y cambie el favicon en función de ella.
Sí, hay otra manera. Hazlo
<link rel="shortcut icon" ...>$(window).load(function () { $('head').append('<link href="your_favicon_name.ico" rel="shortcut icon" type="image/x-icon" />'); });