Форум Flasher.ru - вставка swf в html или на оборот

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)

- - вставка swf в html или на оборот (http://www.flasher.ru/forum/showthread.php?t=150853)

вставка swf в html или на оборот

Помогите пожалуста!!!!!!!!!!
У меня есть сайт html.И есть swf.
Короче. У меня есть занавес swf,я хочу чтобы он открывал мой html сайт. Можно ли что нибудь как то это сделать?

2 gippokratka5577:
SWF-занавес можно положить поверх сайта и сделать ему wmode="transparent" для прозрачности, но он не будет прокликиваться Как вариант, конечно, можно именно SWF-занавес показывать во время анимации, а потом прятать его, заменяя занавес в открытом состоянии HTML-эмуляцией простыми тэгами. Хотя, я, наверное, постарался бы сделать это на JavaScript, представив занавес набором отдельных PNG-изображений с альфа-каналом.

Вот хороший пример с исходниками (с использованием jQuery): http://buildinternet.com/2009/07/ani...g-with-jquery/

Можно положить флеш-занавес поверх на страницу (например, с помощью z-индекса), в блоке. После проигрывания анимации занавеса из флешки вызвать с помощью ExternalInterface.call скрытие флешкиного блока с помощью JS:

Код:

<head>



<style type="text/css">

  .vis_off { display: none; }

</style>



<script language="javascript">



function closeZanaves()

{

        var node = document.getElementById('zanaves_cont');

        node.className='vis_off';

}



//тут может быть код внедрения флешки (например, с помощью SWFObject, 

//хотя можно разместить ее и традиционно в блоке zanaves_cont )

</script>



</head>

<body>

        <div id="zanaves_cont" style="position:absolute; z-index: 10000;">

         <div id="zanaves">zanaves</div>

        </div>

</body>

В кадре, где заканчивается анимация занавеса:

Код AS1/AS2:

import flash.external.*;

ExternalInterface.call('closeZanaves');

В данном примере занавес внедрен с помощью SWFObject в блок с id="zanaves", а скрываем блок-контейнер zanaves_cont.
В примере нет размеров, это уж сами, если что.
Флешку внутрь zanaves_cont можно внедрить и обычным способом.

Достоинства:
- простота метода,
- после открытия занавеса его больше "нет" на странице, и все прокликивается.

Я правильно swf вставила? Тока у меня не получилось!!!!!!!!! Как быть!!!!:(
Получилось вот что http://s1.************/uploads/20110223/cIRaJb8S.jpg

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html xmlns="http://www.w3.org/1999/xhtml">

 

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Документ без названия</title>

<style type="text/css">

  .vis_off {

        display: none;

}

</style>



<script language="javascript">



function closeZanaves()

{

        var node = document.getElementById('zanaves_cont');

        node.className='vis_off';

}





</script>



</head>

<body bgcolor="#CCCCFF">

<div id="zanaves_cont" style="position:absolute; z-index: 10000; width: 100%; height: 100%;">

         <div id="zanaves"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" align="middle" id="swf/Zanaves Blue" data="swf/Zanaves_Blue.swf">

<param name="allowScriptAccess" value="sameDomain" />

<param name="allowFullScreen" value="false" />

<param name="movie" value="swf/Zanaves_Blue.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />

<param name="SCALE" value="exactfit" />

<param name="wmode" value="transparent"> 

<embed src="swf/Zanaves_Blue.swf" width="100%" height="100%" align="middle" quality="high" bgcolor="#ffffff" name="Zanaves Blue" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" scale="exactfit" wmode="transparent" />

</object></div>

        </div>

</body>:(

</html>

2 gippokratka5577:
Чтобы положить флешку над другими элементами страницы, вам нужно поместить её в блок, скажем, с абсолютным позиционированием.
Для внедрения флешки в HTML-документы рекомендуется использовать JavaScript-решение SWFObject.