Jump to content


THCB

Member Since 19/06/2008
Offline Last Active 08/10/2008, 11:19
-----

Topics I've Started

Como "attachar" Um Mc No Palco A Cada 30 Segundos?

08/10/2008, 11:14

Oi,

Alguem poderia me ajudar a fazer isso?

Eu tenho 5 movie-clips na biblioteca. Gostaria que a cada 30 segundos o "attach" pegasse outro mc.

Exemplo:
"attacha" o mc1...passa 30 segundos "attacha" o mc2...passa 30 segundos "attacha" o mc4...e assim por diante.

Alguém sabe fazer?

Problemas Com O Twenn

11/07/2008, 15:59

Olá, estou criando uma página de galeria de fotos. Ela contará com as fotos, um botão de avançar e outro de voltar para que as fotos sejam exibidas.

Publiquei os testes, vejam para entender melhor:

http://www.propagare.net/tip8 entrem na pagina Portfolio

Meu problema: quando clico na seta de avançar, as fotos são exibidas mas não ficam exatamente na mesma posição que estavam no começo, o que deixa meu layout feio.

Meus códigos:
import caurina.transitions.Tweener;

//Primeiro Movie-Clip de Fotos

// largura da máscara, ou seja, área de visualização:
var areaVisual:Number = mask_mc._width;

// Vamos guardar a posição inicial do nosso clip para uso futuro:
var posicaoInicial:Number = tudo_mc._x;

var numDeslocamento:Number = tudo_mc._width / areaVisual;

if (numDeslocamento.toString().indexOf(".") > -1) numDeslocamento++;

var listaDePosicoes:Array = new Array();

for (var i:Number = 0; i < numDeslocamento; i++) {
	
	listaDePosicoes.push(Math.round(posicaoInicial - (areaVisual * i)));
		
		
}

var indiceFluxo:Number = 0;

avancar_mc.onRelease = function():Void {
	if (indiceFluxo >= (numDeslocamento -4)) {
		// Se estava na penúltima vez e foi para o último deslocamento, desabilitar este botão.
		this.enabled	 = false;
		var cor:Color = new Color (avancar_mc);
		cor.setRGB(0xF4EEDD);
		
		
	}
	// habilito o botão voltar..
	voltar_mc.enabled	 = true;
	var cor:Color = new Color (voltar_mc);
	cor.setRGB(0xFF8200);
	indiceFluxo++;
	doTween();	
}
voltar_mc.onRelease = function():Void {
	if (indiceFluxo <= 1) {
		// Se estava na penúltima vez e foi para o deslocamento 0, desabilitar este botão.
		this.enabled = false;
		var cor:Color = new Color (voltar_mc);
		cor.setRGB(0xF4EEDD);
	}
	// habilito o botão avançar..
	avancar_mc.enabled	 = true;
	var cor:Color = new Color (avancar_mc);
	cor.setRGB(0xff8200);
	indiceFluxo--;
	
	doTween();	
}

voltar_mc.enabled	 = false;
var cor:Color = new Color (voltar_mc);
cor.setRGB(0xF4EEDD);

function doTween():Void {
	// finalmente a nossa função que vai movimentar o clip:
	var tempo:Number	 = 1;
	var modo:String	 = "easeInBounce"; // tente também "easeInQuad", "easeOutBounce", "easeInBounce" e outros modos de transição da classe Tweener. Have fun!;->
	var xAlvo:Number	 = listaDePosicoes[indiceFluxo];
	Tweener.addTween(tudo_mc, {_x:xAlvo, time:tempo, transitions:modo});
}

Este é o código da timeline principal.

E este, abaixo, é o do movie-clip que busca as fotos do xml:
System.useCodepage = true;
//include "lmc_tween.as"
// criando o objeto XML
var meuXML:XML = new XML();
// ignorando os espaços em branco
meuXML.ignoreWhite = true;
// quando o XML carregar
meuXML.onLoad = function():Void  {
	// variável que retorna a altura de todos os thumbs juntos
	_global.altura = (thumb._height*meuXML.childNodes[0].childNodes.length+meuXML.childNodes[0].childNodes.length*2);
	// criando um loop for
	for (i=0; i<meuXML.childNodes[0].childNodes.length; i++) {
		// duplicando o movieclip thumb
		duplicateMovieClip("thumb", "thumb"+i, i+1);
		thumbs = _root.tudo_mc["thumb"+i];
		// posição de cada thumb
		thumbs._x += (thumb._height+3)*i;
		// criando uma instância da classe MovieClipLoader
		var MCL1:MovieClipLoader = new MovieClipLoader();
		// carregando um arquivo no objeto MCL1, de acordo com o primeiro nó do XML, o nó filho atual (i) do atributo thumb, movieclip alvo: thumbs.mostra
		MCL1.loadClip(meuXML.childNodes[0].childNodes[i].attributes.thumb, thumbs.aumentar.mostra);
		thumbs.onEnterFrame = function():Void  {
			// variável que checa o progresso do objeto MCL1
			progresso1 = MCL1.getProgress(this.aumentar.mostra);
			// texto do campo pct_thumb: bytes carregados / bytes totais * 100 + o sinal de porcentagem
			this.pct_thumb.text = Math.ceil(progresso1.bytesLoaded/progresso1.bytesTotal*100)+"%";
			// se os bytes carregados forem iguais ao bytes totais, deixa o campo de texto invisível, se não, ele continua visível
			progresso1.bytesLoaded == progresso1.bytesTotal ? this.pct_thumb._visible=false : this.pct_thumb._visible=true;
		};
		// variável de referência, que indica o nó atual
		thumbs.atual = i;
		thumbs.campo.text = i+1;
		thumbs.imagemGrande = this.childNodes[0].childNodes[i].attributes.imagemGrande;
		thumbs.titulo = this.childNodes[0].childNodes[i].attributes.titulo;
		thumbs.descricao = this.childNodes[0].childNodes[i].attributes.descricao;
		// retirando a mãozinha do mouse
		thumbs.btn.useHandCursor = true;
		// quando clicar no movieclip
		thumbs.btn.onRelease = function():Void  {
			// abre link
			//getURL(""+meuXML.childNodes[0].childNodes[this._parent.atual].attributes.imagemGrande, "_blank");
			// mesma lógica do MCL1
			this.onEnterFrame = function():Void  {
				progresso2 = MCL2.getProgress(_root.mc);
				_root.pct.text = Math.round(progresso2.bytesLoaded/progresso2.bytesTotal*100)+"%";
				progresso2.bytesLoaded == progresso2.bytesTotal ? _root.pct._visible=false : _root.pct._visible=true;
			};
			// definindo o texto do campo de texto descrição, de acordo com o nó atual do atributo desc
		};
		// quando passar o mouse
		thumbs.btn.onRollOver = function():Void  {
			// pequena mudança de contraste
			_root.tudo_mc["thumb"+this._parent.atual].aumentar.gotoAndPlay(2);
			_root.tudo_mc["thumb"+this._parent.atual].swapDepths(getNextHighestDepth());
			
		};
		// quando tirar o mouse
		thumbs.btn.onRollOut = function():Void  {
			// voltando ao normal
			_root.tudo_mc["thumb"+this._parent.atual].aumentar.gotoAndPlay(6);
		};
		thumbs.btn.onPress = function():Void  {
			// Quando Clicar na imagem
			_global.descricao = _root.tudo_mc["thumb"+this._parent.atual].descricao;
			_global.TituloFoto = _root.tudo_mc["thumb"+this._parent.atual].titulo;
			_global.imagemGrande = _root.tudo_mc["thumb"+this._parent.atual].imagemGrande;
			_root.popup.gotoAndPlay(2);
		};
	}
};
// carregando o arquivo XML 
meuXML.load("galeria01.xml");
System.useCodepage = true;

Se alguém puder me ajudar ficaria mto grata mesmo

Abraços

Div Crescer De Acordo Com A Div Que Esta Do Seu Lado

23/06/2008, 22:51

Boa noite, mto pesquisei e nada nem ninguem conseguiu me ajudar a resolver esse problema. Não encontrei em nenhum lugar algo que solucione isso.

Pensei que era algo simples, mas estou começando a acreditar que não. Gostaria que a div flutuada a esquerda "crescesse" de acordo com o conteudo da div flutuada a direita.

Teste esse pequeno código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Teste Altura</title>
<style type="text/css"> 
body{text-align:center; background:#CC3366;}
#geral{margin:auto;}
#fundos{float:left;}
#fundo1{background:#000; width:13px; height:465px;}
#fundo2{background:#3333FF repeat-y;width:13px; height:30px;}
</style>
</head>

<body>
<div id="geral"> 
<div id="fundos"> 
<div id="fundo1"> </div>
<div id="fundo2"> </div>
</div>
<div id="conteudo"> 
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
</div>
</div>
</body>
</html>

Gostaria que o retangulozinho azul crescesse de acordo com o conteudo da direita (teste,teste,teste).

Alguem soluciona isto?

Problemas Com A Altura

20/06/2008, 15:09

Olá, estou desenvolvendo um site, mas encontrei um problema. Gostaria que a div do menu lateral e a div de conteúdo fossem expansíveis, ou seja, se o conteudo for maior, ela crescer, se for menor, diminuir. Resumindo: só crescer se tiver mais conteúdo.

No meu código tentei retirar o height especificando uma altura, pensando que assim ela cresceria ou não automaticamente. Mas não deu certo, ocorreram problemas tanto no FF qnto no IE.

Eu sei que eu não deveria ter declarado uma altura para a minha div geral (que engloba esses elementos), mas se não declarasse esse height no navegador Firefox ela sumiria. Nos IEs não, eu retirei o height, mas o conteúdo se expandiu conforme o que tinha na página. Mas no Firefox quando retiro o height de algumas divs elas simplesmente somem.

Por favor, coloquei o que estou fazendo no ar, para que vcs possam olhar meu código e me ajudar:

http://www.propagare.net/thais

Obs:tudo que eu declarei como height ao longo do código, eu creio que esteja errado, e por isso gostaria de uma solução pois eles deveriam se expandir caso houvesse mais conteudo.

Desde já obrigada a todos

Sombras Laterais No Layout

19/06/2008, 21:18

Oi, estou fazendo um site que tem sombras laterais no layout.

Para entender melhor o que estou dizendo, coloquei na net a imagem do layout: http://www.propagare.net/bit9-site

O que quero fazer é a sombra da esquerda e a da direita no meu layout, mas estou encontrando os seguintes problemas:

1 - Pensei em cortar um filete horizontal que englobe a sombra da esquerda e da direita, colocar como background da div geral (que engloba tudo) e mandar repetir em y. Assim teria um site que o conteúdo pudesse crescer na altura.

Mas, como meu fundo é um gradiente, eu tenho diferentes tonalidades de cores ao longo do site, e consequentemente ao longo das sombras. Por exemplo: na parte do topo tenho cores mais escuras, no rodape cores mais claras. Ou seja, gradiente. Então eu não posso cortar a imagem da sombra e mandar repetir, pois ao cortar essa imagem estarei pegando seu fundo que pode ser diferente na parte debaixo e de cima.

Aí pensei: é so salvar a sombra com fundo transparente em GIF. No CSS a imagem ficou branca e sem sombra alguma.
Aí pensei: vo salvar a sombra em PNG então. Mas lembrei que o IE 6 não lê PNG transparente.
Aí pensei:vo ver um javascript pra fazer o IE 6 ler fundo transparente. Até achei o javascript para isto, mas ele não possibilita eu mandar o background repetir (repeat, repeat-x,repeat-y). O que estraga os planos de fazer o site com um layout que cresça de acordo com o conteúdo.

Aí pensei: vo pedir ajuda no forum como ultima saida dessa enrascada...hehehe

Alguém pode me dar uma luz?
Qualquer idéia já é bem vinda.

Abraços

IPB Skin By Virteq