

// 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 matypo = { src: 'css-js/matypo.swf' };
var matypo2 = { src: 'css-js/matypo2.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(matypo, matypo2);

// 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(matypo, {
      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 { font-weight:normal;   color:#2E2E2E;}' // 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(matypo2, {
      selector: 'h2', // 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-weight:normal;   color:#2E2E2E;}' // 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
});

