estoy trabajando en un "style switcher" y necesito cambiar varias cosas como el fondo por un lado y el color de las tipos por otro.
El caso es que el texto se renderiza a través de cufón y tengo un problema con ello. Cuando se carga todo el DOM es cuando se "arranca" cufón dando lugar a varios problemas, el primero es que dependiendo del navegador se ve al cargar la página por primera vez un efecto feo de sustitución de la fuente original por la "cufonizada".
En este sentido uno el método Cufon.now(); como se indica en la propia página del cufón, pero no funciona. Ni al principio del documento ni al final.
Pero lo peor es que cuando lanzo un "switching" del color de las tipo cufón no se actualizad, para lo que también existe un métdo. Cufon.refresh(); que tampoco me funciona. Os dejo el JS que tengo escrito para esto y me decís cómo lo veis, plz??
Código PHP:
/* cookie vars */
var cookie_name = "selected_theme";
var cookie_options = { path: '/', expires: 7 };
/* theme drawer hider */
function hideDrawer() {
$('#theme-drawer').slideToggle();
}
$(document).ready(function(){
[B]Cufon.refresh();[/B]
$(".drawer-toggler").click(function() {
hideDrawer();
});
/* carousel */
$("#themes-frame").carousel("#btn-previous", "#btn-next");
/* Get Cookie*/
var get_cookie = $.cookie(cookie_name);
if(get_cookie != null) {
$("#active-theme").attr({ href: "themes/" + get_cookie + "/theme.css"});
}
/* theme switcher */
$("#themes-frame a").click(function() {
var themename = $(this).attr("rel");
$("#active-theme").attr({ href: "themes/" + themename + "/theme.css"});
hideDrawer();
[B]Cufon.refresh();[/B]
$.cookie(cookie_name, themename, cookie_options);
return false;
});
$("#theme-colors li a").click(function() {
var themenamecolor = $(this).attr("rel");
$("#active-theme-color").attr({ href: "themes/" + themenamecolor + "/color.css"});
hideDrawer();
[B]Cufon.refresh()[/B];
//$.cookie(cookie_name, themenamecolor, cookie_options);
return false;
});
$('#theme-drawer').hide();
});
Muchas gracias!!!
