Ir para conteúdo

Arquivado

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

Gabriel Leet

Background em flash

Por , em Desenvolvimento frontend

Recommended Posts

Gabriel Leet    0

Gabriel Leet
Postado

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
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito