我正在尝试实施最新的sIFR。但是,即使是最简单的测试也无法工作。我的测试页面位于http://www.kellymitchelljewelry.com/testsifr.asp。应该有一条sIFR生成的行,在第一行和第三行之间显示“第二行”。我正在使用sIFR页面上提供的示例。
我的HTML看起来像这样:
<html>
<head>
<title>Kelly Mitchell Fine Jewelry</title>
<link rel="stylesheet" href="sifr.css" type="text/css">
<script src="sifr.js" type="text/javascript"></script>
<script src="sifr-config.js" type="text/javascript"></script>
</head>
<body>
First Line<br><br>
<h1>Second Line</h1>
<br>Third Line<br><br>
</body>
</html>
我的sifr-config.js看起来像这样:
var cgoth = { src: 'cgoth.swf' };
sIFR.activate(cgoth);
sIFR.replace(cgoth, {
selector: 'h1'
});
我的sifr.css文件如下所示:
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
line-height: 1em;
}
*/
我已经尝试重新创建我的swf文件以防万一我做错了什么,并严格按照说明确保我没有留下任何东西。
有人可以帮我弄清楚我做错了吗?
汤姆
答案 0 :(得分:0)
我不认为你的Flash电影是正确的,opening it directly应该显示“使用sIFR 3渲染”文本。确保它已正确导出。
答案 1 :(得分:0)
我从来没有能够从Flash导出的.swf文件与sIFR一起使用。我总是不得不使用在线sIFR生成器:http://www.sifrgenerator.com/wizard.html
我不知道我的Flash版本(CS3)是否与sIFR不兼容或者...我总是保存为版本8,就像它说的那样,并确保每个设置都是应该的,但没有运气。但是,使用该生成器似乎总能解决它。因此,如果您的Flash是jinxed,您可能想尝试一下。