Flash + ShadowBox + IE(ca) = Dor de Cabeça

T.Colucci · Setembro 18, 2008

Salve galera,

Estou com o seguinte problema. Estou fazendo uma atualização em um site feito totalmente em flash. Nele, existe uma galeria com fotos. Quando se clica em alguma foto, por meio de um shadowbox esta foto é ampliada. O que acontece é: existe uma música que rola de fundo. Quando se clica em uma dessas fotos utilizando o IE, a música é interrompida. Em outros navegadores, como o Firefox e o chrome, esse problema não acontece. Alguém sabe o que eu poderia fazer para solucionar isso?

Preciso muito de ajuda galera, não entendo quase nada de flash.

Obrigado a todos!!

brcontainer · Setembro 18, 2008

Bem ponha primeiramente o SOURCE(FLA) para vermos o problema.

Se não não tem como saber. ;)

T.Colucci · Setembro 18, 2008

Silverfox

Mesmo eu querendo postar o Source, este por sua vez tem 111mb! Ficaria muito ruim...

Será que se eu postar as actions e o codigo-fonte da página já poderia ajudar?

brcontainer · Setembro 18, 2008

pode ser ^^

T.Colucci · Setembro 18, 2008

Essa é a página HTML:

<!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>
<style type="text/css">
html, body {
height:100%;
padding: 0px;
margin: 0px;
background-color:#1E1E1E;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Flor, flor de maio, decoração, decorações" />
<title>Flor de Maio</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" src="admin/src/adapter/shadowbox-base.js"></script>
<script type="text/javascript" src="admin/src/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.loadSkin('classic', 'admin/src/skin');
Shadowbox.loadLanguage('en', 'admin/src/lang');
Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], 'admin/src/player');
window.onload = function(){
	Shadowbox.init(); 
};
</script>
<script type="text/javascript">
var openShadowbox = function(content, player, title){
	Shadowbox.open({
		content:	content,
		player:	 player,
		title:	  title
	});
};
</script>
<link rel="stylesheet" type="text/css" href="admin/doc/css/style.css">
</head>
<body>
<table align="center" height="100%">
<td valign="middle">
<div id="flash">
<!-- Flash !-->
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','760','height','600','title','Site - Flash','src','site-flordemaio','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','opaque','movie','site-flordemaio' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="760" height="600" title="Site - Flash">
  <param name="movie" value="site-flordemaio.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />  
  <embed src="site-flordemaio.swf" width="760" height="600" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="opaque" ></embed>
</object>
</noscript>
</div>
</td>
</table>
</body>
</html>

E aqui é o Action Script que puxa as fotos...

// 1 - Envia valores de paginação e recebe as imagens correspondentes
// 2 - Cria o album dinâmico, com movie clips gerados, e recupera as imagens pelas variáveis
// 3 - Posiciona as imagens dinamicamente
// 4 - Cria links baseado na tecnologia Shadowbox
// 5 - Implementação de efeitos, e paginação

import mx.transitions.Tween; // **
import mx.transitions.easing.*; // Importa animações

pos = 260; // Posicionamento X
linha = 0; // Cria a segunda linha. Padrão 0
a = 1;
paginaAtual = 0;
buscar = "";
registros = "";

linkCarrega = "http://www.flordemaio.net/admin/carrega_fotos.php";
linkBusca = "http://www.flordemaio.net/admin/buscar_fotos.php";

var carrega:LoadVars = new LoadVars(); // Inicia a instância LOAD VARS carrega

carrega.onLoad = function() { // Carrega as imagens. OK
	
	// Zera as posições
	a = 1;
	linha = 0;
	pos = 260;
	trace("O album está buscando "+ carrega.buscando);
	
	paginas = carrega.paginas; // Recebe o número arredondado de páginas // OK	
	paginas++; paginaAtual++; // Para exibição OK
	paginacao = "Página " + paginaAtual + " de " + paginas;
	paginas--; paginaAtual--; // Normaliza OK
	
	if (carrega.registros != undefined) {
	registros = carrega.registros + " imagens encontrada(s)";
	}
	
	for (i = 1; i <= 4; i++) {
		
		// Cria os Movie Clips
		_root.fotos.gal.createEmptyMovieClip("foto" + i, i); // Cria vários movie clips vazio		
		//trace(_root.fotos.gal["foto" + i]); // OK
		
		// Anima os MC
		var anda:Tween = new Tween(_root.fotos.gal["foto" + i], "_yscale", Elastic.easeOut, 5, 100, 2, true);		
		var anda:Tween = new Tween(_root.fotos.gal["foto" + i], "_alpha", Elastic.easeOut, 0, 100, 20, true);
		
		// Se for ímpar, faz a quebra
		if (i > 1 and i % 2 ==! 0) { linha = 200; a = 1; } 
		
		// Cria variável temporária thumbs, para redimensionar e dimensionar
		thumbs = _root.fotos.gal["foto" + i]; 		
		thumbs._x = pos * a; // Posiciona x		
		thumbs._y = linha + 100; // Posiciona y
		thumbs._yscale = 100; // Dimensiona y
		thumbs._xscale = 100; // Dimensiona x
		a++;		
		
		// Carrega Imagem no MovieClip		
		loadMovie(carrega["res_mini"+ i], thumbs); // Carrega imagens no movie clip criado
		linkImagem = carrega["res"+ i]; // Link da imagem		
		linkSub = carrega["subt"+ i]
		//trace("O subtítulo é: " + linkSub);
		trace("O link da imagem é: " + linkImagem);			
		}		
	
	
	} // Fim ONLOAD ***************************************************
	
// Botão buscar
btn_busca.onRelease = function() {
	trace("A busca foi realizada");
	if (buscar !== undefined) { carrega.buscar = buscar; }
	paginaAtual = 0;
	carrega.paginaAtual = paginaAtual;
	a = 1;
	linha = 0;
	pos = 260;
	
	
	for (i = 1; i <= 4; i++) { // Limpa cache imagens carregadas e link		
		carrega["res_mini"+ i] = "";
		carrega["res"+ i] = "";
		carrega["subt"+ i] = "";
		}		
		
	carrega.sendAndLoad(linkBusca, carrega, "POST");	
	}
// Envia paginação *****************

// Botão direita  [>]

btn_direita.onRelease = function() {	
if (paginaAtual < paginas) { // O 4 deve ser o total de paginas
	paginaAtual++;
	trace("Foi para direita");
	
	if (buscar !== undefined) { carrega.buscar = buscar; }
	carrega.paginaAtual = paginaAtual; // Envia a página p/ PHP
	
	
	for (i = 1; i <= 4; i++) { // Limpa cache imagens carregadas e link		
		carrega["res_mini"+ i] = "";
		carrega["res"+ i] = "";
		carrega["subt"+ i] = "";
		}	
		
	// Define se busca ou carrega SEM BUSCA
	if (buscar != "")	{
		carrega.sendAndLoad(linkBusca, carrega, "POST"); // Carrega PHP
		trace("link Busca");
		}
	if (buscar == "") {
	carrega.sendAndLoad(linkCarrega, carrega, "POST"); // Carrega PHP
	
	for (i = 1; i <= 4; i++) { // Limpa cache imagens carregadas e link		
		carrega["res_mini"+ i] = "";
		carrega["res"+ i] = "";
		carrega["subt"+ i] = "";
		}	
	
	trace("a pagina é:"+carrega.paginaAtual);
	trace("link Carrega");
	}
}
}

// Botão Esquerda  [<]

btn_esquerda.onRelease = function() {	
if (paginaAtual > 0) { 
	paginaAtual--;
	trace("Foi para esquerda");
	
	if (buscar !== undefined) { carrega.buscar = buscar; }
	carrega.paginaAtual = paginaAtual; // Envia a página p/ PHP
	
	for (i = 1; i <= 4; i++) { // Limpa cache imagens carregadas e link		
		carrega["res_mini"+ i] = "";
		carrega["res"+ i] = "";
		carrega["subt"+ i] = "";
		}	
	
	// Define se busca ou carrega SEM BUSCA
	if (buscar != "")	{
		carrega.sendAndLoad(linkBusca, carrega, "POST"); // Carrega PHP
		trace("link Busca");
		}
	if (buscar == "") {
	carrega.sendAndLoad(linkCarrega, carrega, "POST"); // Carrega PHP
	trace("a pagina é:"+carrega.paginaAtual);
	trace("link Carrega");
	}
	
	}	
}
	
// Cria Links nos botões transparentes
_root.fotos.bt1.onRelease = function() {
url = "java script:openShadowbox('"+carrega.res1+"', 'img', '"+carrega.subt1+"');";
trace(url);
getURL(url);
	}

_root.fotos.bt2.onRelease = function() {		
url2 = "java script:openShadowbox('"+carrega.res2+"', 'img', '"+carrega.subt2+"');";
trace(url2);
getURL(url2);
	}

_root.fotos.bt3.onRelease = function() {		
url3 = "java script:openShadowbox('"+carrega.res3+"', 'img', '"+carrega.subt3+"');";
trace(url3);
getURL(url3);
	}

_root.fotos.bt4.onRelease = function() {		
url4 = "java script:openShadowbox('"+carrega.res4+"', 'img', '"+carrega.subt4+"');";
trace(url4);
getURL(url4);
	}
	

	
carrega.sendAndLoad(linkCarrega, carrega, "POST"); // Carrega PHP

T.Colucci · Setembro 18, 2008

Alguém galera? To realmente precisando MUITO disso...

Se vocês quiserem dar uma olhada em um arquivo online, é soh entrar em

http://www.flordemaio.net/preview.php

No aguardo....

Pino · Setembro 18, 2008

quer tentar uma solucao simples?

atualiza o flash player do IE

:)

flws

T.Colucci · Setembro 18, 2008

Pino

Os players estao atualizados...

Já até tentei usar a versão 8 do IE...sem sucesso.

Obrigado pela ajuda! Galera... ta trash aqui...

wpublish · Abril 21, 2009

Salve galera,

Estou com o seguinte problema. Estou fazendo uma atualização em um site feito totalmente em flash. Nele, existe uma galeria com fotos. Quando se clica em alguma foto, por meio de um shadowbox esta foto é ampliada. O que acontece é: existe uma música que rola de fundo. Quando se clica em uma dessas fotos utilizando o IE, a música é interrompida. Em outros navegadores, como o Firefox e o chrome, esse problema não acontece. Alguém sabe o que eu poderia fazer para solucionar isso?

Preciso muito de ajuda galera, não entendo quase nada de flash.

Obrigado a todos!!

Tiago, você conseguiu resolver? Acontece o mesmo comigo!

Andre Cocuroci · Abril 23, 2009

Já tentou trocar esse ShadowBox por outro script para fazer um teste? Ou então no wmode coloca como transparent também. Sei lá, deve ser algum bug do ie.

Arquivado

Flash + ShadowBox + IE(ca) = Dor de Cabeça

Recommended Posts

T.Colucci 33

Compartilhar este post

Link para o post

Compartilhar em outros sites

brcontainer 16

Compartilhar este post

Link para o post

Compartilhar em outros sites

T.Colucci 33

Compartilhar este post

Link para o post

Compartilhar em outros sites

brcontainer 16

Compartilhar este post

Link para o post

Compartilhar em outros sites

T.Colucci 33

Compartilhar este post

Link para o post

Compartilhar em outros sites

T.Colucci 33

Compartilhar este post

Link para o post

Compartilhar em outros sites

Pino 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

T.Colucci 33

Compartilhar este post

Link para o post

Compartilhar em outros sites

wpublish 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Andre Cocuroci 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante