Ir para conteúdo

POWERED BY:

Arquivado

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

keve

Animações flash sobre imagens no Dreamweaver

Por , em Desenvolvimento frontend

Recommended Posts

keve    0

keve
Postado

Olá pessoal, estou tentando aki há alguns dias colocar uma animação .swf por cima de umas imagens que formam um background dinâmico com slideshow, parecido com o site da samsung (n sei se posso colocar link aki).

Tentei colocar entre div tag mas deu errado, alguem pode me ajudar???

 

Qualquer coisa o código eh esse |v|

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script src="jquery.js"></script>
<script type="text/javascript">
$(function(){
		$.fn.largesized.options = {  
			startwidth: 640,  
			startheight: 480,
			vertical_center: 1,
			slideshow: 1,
			navigation: 1,
			transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
			pause_hover: 0,
			slide_counter: 1,
			slide_captions: 1,
			slide_interval: 4000  
		};
        $('#largesize').largesized(); 
    });
</script>
<style type="text/css">
* {
margin:0;
padding:0;
}
img {
border:none;
}
body {
overflow:hidden;/*Needed to eliminate scrollbars*/
background:#300;
height:100%;
}
#loading {
position: absolute;
top: 49.5%;
left: 49.5%;
z-index: 3;
width: 24px;
height: 24px;
text-indent: -999em;
background-image: url(images/progress.gif);
}
#largesize {
position:fixed;
}
#largesize img, #largesize a {
height:100%;
width:100%;
position:absolute;
z-index: 0;
}
#largesize .prevslide, #largesize .prevslide img {
z-index: 1;
}
#largesize .activeslide, #largesize .activeslide img {
z-index: 2;
}
</style>
</head>
<body>
<!--Slides-->
<div id="loading"> </div>
<div id="largesize"> <a><img src="images/1.jpg" alt=""/></a> <a><img src="images/2.jpg" alt=""/></a> <a ><img src="images/3.jpg" alt=""/></a> </div>
<a href="../index.html"id="taste"></a>
</body>
<script type="text/javascript">
 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-16843676-1']);
 _gaq.push(['_trackPageview']);

 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();
</script>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

keve    0

keve
Postado

Obrigado, mas ali fala de um problema em que o flash sobrepõe, exemplo um menu drop-down em html. Eu quero por uma imagem por traz da animação + ou - assim:

Layer1: swf transparente

Layer2: slideshow como background

Quando você coloca um background estático funciona, já assim, eh como se colocasse uma imagem que por tabulação fica em abaixo da animação não servindo como background e sim como uma imagem abaixo da animação.

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