2009-08-04 9 views
0

J'ai une petite question sur le passage de la couleur des objets SIFR à la volée avec changeCSS:sIFR 3 problème changeCSS

Le point est que je voudrais changer la couleur des deux têtes chaque fois que l'utilisateur clique sur "Changer de style pour ..." dans le coin supérieur droit. Vérifiez la page d'exemple: www.capsule.hu/index2.html - et après avoir cliqué sur le lien rien ne se passe avec les objets sifr. La version est: sIFR, version 3, révision 436.

J'utilise le script Kelvin Lucks styleswitcher avec quelques modifications (le script est à peine le même qu'ici: http://www.digital-campaign.com/dc-example/) - sur ma page actuelle j'appelle le sIFR. remplacer la méthode lorsque l'utilisateur change de style (www.capsule.hu), mais cela me semble un peu lent, c'est pourquoi je voudrais changer.

Merci pour toute l'aide à Forth, Csongor

Répondre

0

Vous pouvez placer les éléments suivants dans le corps de la fonction switchSifrColor sur votre site:

$('h2').removeClass("sIFR-replaced"); 

sIFR.replace(helvetica, { 
    selector: 'h2', 
    wmode: 'transparent', 
    css: [ '.sIFR-root { color: #' + color + '; }' ] 
}); 

Le principal changement est que la propriété css est un tableau de chaînes, contrairement à l'objet que vous passiez.

Et une remarque: bon travail! Le site a l'air très bien.

[Modifier]

Je suppose que cela se révélera plus utile que d'appeler replace à nouveau.

var css = '.sIFR-root {color:#ff1ff1;}'; 

$.each(sIFR.replacements['h2'], function() { 
    this.changeCSS(css); 
}); 

Je viens d'essayer par Firebug et il semble grand :)

[/ Modifier]

+0

Yepp, le problème est pas avec la version actuelle (www.capsule.hu) mais avec cette un: http://www.capsule.hu/index2.html - Je voudrais éviter de rappeler sIFR.replace, comme sur l'exemple mentionné ci-dessus, mais cela ne fonctionne pas en quelque sorte (c'est presque le même que dans l'exemple). Note: Merci:] – user150283

+0

Que diriez-vous de la solution éditée? :) –

+0

Encore ça ne marche pas pour moi: [jquery lance 'object is undefined' erreur pour sIFR.replacements ['h2'] - si j'utilise normal js 'for', le résultat est toujours le même ... Maintenant J'ai remplacé le script principal capsule.hu par switchstyle-sifr.js parce que c'est beaucoup plus facile à manipuler, mais je ne peux pas le faire fonctionner sans redessiner le flash: [De toute façon ce n'est pas un gros problème, si le cache est activé cela ne prend pas trop de temps à redessiner, mais je ne peux tout simplement pas comprendre pourquoi cela ne fonctionne pas. Mais merci pour l'aide Alexander:] – user150283