Lors du style sIFR 3, Quand devrais-je utiliser JavaScript/CSS/Flash?

Question

J'utilise sifr pour la première fois aujourd'hui. Je l'ai en place et en cours d'exécution; Cependant, j'ai besoin d'aide. Plutôt que d'expliquer, je vais vous montrer le code ci-dessous:

<div id="pullquote">“Fantastic property, facilities and location. We 
     couldn’t have asked for more!” <em>Mr &amp; Mrs. Smith</em></div> 

Jusqu'ici, tout va bien. J'ai ensuite stylisé cela dans le même document au cas où le flash/JavaScript est désactivé. Aucun problème.

sIFR.replace(journal, { 
    selector: 'div#pullquote', 
    wmode: 'transparent', 
    css: [ 
    '.sIFR-root { text-align: center; color: #be7705; font-size: 30px; background-color:#fdefd4; }', 
    'em { font-style: normal; color: #1d5d69; font-size: 26px; }'] 
}); 

C'est ce qui est inclus dans mon fichier JavaScript. Ai-je raison de styliser l'élément comme ça? J'ai été légèrement confondu avec le sélecteur, puis en utilisant un second sélecteur au sein de js-css. Encore une fois, il y a aussi sifr.css. Que devrait-on inclure dans ce document? Dois-je coiffer l'élément ici?

Je suppose que ma question est: Qu'est-ce qui devrait être inclus, et quel style devrait être fait dans sifr-config.js et quel style devrait être fait dans sifr.css?

Merci :)

Answer 1

Dans le CSS pour la page HTML (sifr.css), vous pouvez ajouter un style à cacher les éléments qui sIFR remplacera fait avant donc, et vous pouvez faire quelques ajustements du texte de sorte que le La taille du texte correspond mieux à la police Flash.

Le paramètre selector pour sIFR.replace() permet de sélectionner les éléments que vous souhaitez remplacer par sIFR.

Le paramètre css contient le CSS utilisé dans l'animation Flash. À ce stade, tous les sélecteurs CSS sont relatifs à l'élément que vous avez remplacé, donc si vous remplacez un h1#foo, vous sélectionnez em au lieu de h1#foo em. C'est le seul endroit où vous pouvez styler le texte dans le film Flash, en dehors de la taille de la police, qui, si elle n'est pas spécifiée ici, est dérivée de la taille de la police de l'élément remplacé.