

// Dans l'exemple ci-dessous nous allons remplacer les h1 par matypo.swf et les h2 par matypo2.swf :
// Pour commencer on déclare les swf en leur attribuant une variable :

var romain = { src: 'css-js/romain.swf' };
var gothicBT = { src: 'css-js/gothicBT.swf' };

// Si vous voulez utiliser plusieurs typos swf appliquées à des classes différentes:
//
//    var futura = { src: '/path/to/futura.swf' };
//    var garamond = { src '/path/to/garamond.swf' };
//    var rockwell = { src: '/path/to/rockwell.swf' };

// Possibilité de configurer des styles de façons + complexe.... à voir dans le futur. Pas nécessaire pour des besoins simples.
// sIFR.useStyleCheck = true;

// Ensuite, activation de sIFR avec matypo et matypo2 :
sIFR.activate(romain, gothicBT);

// Attention, il n'y a qu'un seul `sIFR.activate()`!

// Maintenant, reste à lier les typos swf aux div, classes que l'on souhaite :

sIFR.replace(romain, {
      selector: 'h1', // Choix de la cible, ici h1, mais peut être #trucmuche ou .trucmuche ou h1 .titre  ...... bref, ce que l'on veut. 
      css: [
      '.sIFR-root { color:#ffffff; font-size:36px; }' // On peut ajouter ici des styles qui s'appliqueront au texte du swf (idem H1)
      ],
	  
      wmode: 'transparent'// mettre 'opaque' si vous voulez bénéficier de la couleur de fond du swf
});

sIFR.replace(gothicBT, {
      selector: 'p.intro', // Choix de la cible, ici h1, mais peut être #trucmuche ou .trucmuche ou h1 .titre  ...... bref, ce que l'on veut. 
      css: [
      '.sIFR-root { font-style:italic; color:#f2e856; }' // On peut ajouter ici des styles qui s'appliqueront au texte du swf (idem H1)
      ],
	  
      wmode: 'transparent'// mettre 'opaque' si vous voulez bénéficier de la couleur de fond du swf
});
