Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Gabriel Leet

Background em flash

Recommended Posts

Antes de tudo olhe o meu site, como está atualmente: www.eloplane.com



Estou precisando de ajuda para colocar um fundo em .swf flash dentro de uma div no meu site como background dela. Atualmente é .gif, mas pesa demais, fica impossivel para o cliente, fora que a qualidade é menor.



Pesquisando na internet vi que tem que fazer o fundo do arquivo .swf transparente e colocar por cima de um objeto. Estudei HTML há 5 anos atrás e não estou muito bom atualmente. Então pesquisei e achei o código para o background do site.



<!doctype html>
<html>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<head>
<style type="text/css">
#animaBox{
background-color:#000;
width:1440px;
height:900px;
}
#btmLayer{
position:absolute;
z-index:1;
width:1280px;
heigth:800px;
}
#topLayer{
position:absolute;
z-index:2;
padding:0px;
color:#96e2fc;
width:1280px;
heigth:800px;
}
</style>
</head>
<body>
<div id="animaBox">
<div id="btmLayer">
<wmode="transparent">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1280" height="800" id="FlashID" title="Jinx">
<param name="movie" value="http://br.leagueoflegends.com/sites/default/files/upload/backgrounds/animated/bg-jinx.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="10.3.0.0">
<!-- Esta tag param solicita que os usuários com o Flash Player 6.0 r65 e versões posteriores baixem a versão mais recente do Flash Player. Exclua-o se você não deseja que os usuários vejam o prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- A tag object a seguir aplica-se a navegadores que não sejam o IE. Portanto, oculte-a do IE usando o IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="http://br.leagueoflegends.com/sites/default/files/upload/backgrounds/animated/bg-jinx.swf" width="1280" height="800">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="10.3.0.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- O navegador exibe o seguinte conteúdo alternativo para usuários que tenham o Flash Player 6.0 e versões anteriores. -->
<div>
<h4>O conteúdo desta página requer uma versão mais recente do Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obter Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>

</div>
<div id="topLayer">
Conteúdo!
</div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

*Então consegui colocar como Background do site (que não é o que eu quero, quero como background da div).


O background da div é por aqui, tem 2 códigos como esses, pois são 2 imagens:



<div class="swiper-wrapper"><div class="swiper-slide image-slide" data-slide-id="1" data-slide-title="Home – Ezreal" style="background-image: url(http://giant.gfycat.com/ContentGloriousDugong.gif);background-color: " data-bg-align="center" data-slide-img="http://giant.gfycat.com/ContentGloriousDugong.gif" data-style="light">


Resumindo, no lugar do .gif, quero esse flash:



http://br.leagueoflegends.com/sites/default/files/upload/backgrounds/animated/bg-jinx.swf

e na segunda imagem um outro flash que ainda vou decidir.


Gostaria de saber o código que vou usar pra isso e onde vou colocá-lo, substituindo o que.


Desculpe pedir tudo pronto assim, mas como eu disse, estudei há 5 anos e não lembro quase nada.





Se puderem me ajudar, agradeço.


*Cliquem em exibir código fonte no meu site para ver o html.


www.eloplane.com


Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.