Scalable Inman Flash Replacement (sIFR)
Example below:
Welcome to sIFR Replacement
Welcome to sIFR Replacement
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus nec magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum pharetra viverra dolor. Morbi vel pede a nibh sodales dignissim. Donec enim orci, luctus in, adipiscing id, pharetra eget, metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ornare enim dignissim nulla. Donec vestibulum vehicula eros. Morbi blandit, libero ut feugiat euismod, metus justo vehicula orci, a feugiat pede nisl at nisl. Fusce turpis dolor, posuere ut, pharetra non, fringilla sed, pede. Ut ut orci. Phasellus elementum facilisis sem. Nulla sit amet lectus. Nullam id tellus. Maecenas nibh. In non enim a erat aliquam mollis. Maecenas feugiat, turpis bibendum tincidunt porttitor, enim ligula commodo leo, eget rutrum orci orci ut ipsum. Duis eu nisi non arcu ullamcorper tempor. Nunc imperdiet.
Explanation below:
OBJECTIVE:
Source header tags to be rendered in any font and have transparent backgrounds
JAVASCRIPT CODE:
<script type=\"text/javascript\">
//<![CDATA[
/* Replacement calls. Please see documentation for more information. */
if(typeof sIFR == \"function\"){
// This is the preferred \"named argument\" syntax
sIFR.replaceElement(named({sSelector:\"h1\", sFlashSrc:\"http://static0.fluxstatic.com/-/clients/himebaugh1758/css/Stencil.swf\", sColor:\"#000000\", sLinkColor:\"#000000\", sHoverColor:\"#CCCCCC\", sWmode:\"transparent\"}));
sIFR.replaceElement(named({sSelector:\"h2\", sFlashSrc:\"http://static0.fluxstatic.com/-/clients/himebaugh1758/css/MyriadPro.swf\", sColor:\"#000000\", sLinkColor:\"#000000\", sHoverColor:\"#CCCCCC\", sWmode:\"transparent\"}));
sIFR.replaceElement(named({sSelector:\"h3\", sFlashSrc:\"http://static0.fluxstatic.com/-/clients/himebaugh1758/css/GoudyOldStyle.swf\", sColor:\"#000000\", sLinkColor:\"#000000\", sHoverColor:\"#CCCCCC\", sWmode:\"transparent\"}));
sIFR.replaceElement(named({sSelector:\".flashScript\", sFlashSrc:\"http://static0.fluxstatic.com/-/clients/himebaugh1758/css/tinyfont.swf\", sColor:\"#000000\", sWmode:\"transparent\"}));
// This is the older, ordered syntax
sIFR.replaceElement(\"h5#pullquote\", \"http://static0.fluxstatic.com/-/clients/himebaugh1758/css/vandenkeere.swf\", \"#000000\", \"#000000\", \"#FFFFFF\", \"#FFFFFF\", 0, 0, 0, 0);
sIFR.replaceElement(\"h2\", \"http://static0.fluxstatic.com/-/clients/himebaugh1758/css/MyriadPro.swf\", \"#000000\", null, null, null, 0, 0, 0, 0);
sIFR.replaceElement(\"h4.subhead\", \"http://static0.fluxstatic.com/-/clients/himebaugh1758/css/tradegothic.swf\", \"#660000\", null, null, null, 0, 0, 0, 0);
};
//]]>
</script>
The header you see above is using an H1 tag - the text is entered within this module - and as you can see...the text is being read into a Flash file and the H1 tag is being swapped out for the SWF file.
NOTE: the print version of this page is rendering only what the CSS is - NOT what you see on the screen from the Flash rendering