2009-12-11 6 views
0

Я пытаюсь реализовать последнюю версию sIFR. Но я не могу получить даже самые простые тесты для работы. Моя тестовая страница находится на http://www.kellymitchelljewelry.com/testsifr.asp. Должна быть строка, созданная sIFR, которая говорит «2-я строка» между первой и третьей строками. Я использую примеры, представленные на странице sIFR точно.sIFR 3 - я не могу его отобразить

Мой 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

Я не думаю, что ваш флэш-ролик является правильным, opening it directly должен показать «Вынесено с SIFR 3» текст. Убедитесь, что он был экспортирован правильно.

0

Я никогда не мог получить файл .swf, экспортированный из Flash, для работы с sIFR. Мне всегда приходилось использовать онлайн-генератор sIFR: http://www.sifrgenerator.com/wizard.html

Я не знаю, совместима ли моя версия Flash (CS3) с sIFR или что ... Я всегда сохраняю как версию 8 как он говорит, и убедитесь, что все настройки, как и должно быть, но не повезло. Однако использование этого генератора всегда, кажется, решает его. Поэтому, если ваша Flash сглажена, вы можете попробовать.