nao consigo posicionar as imagens de uma galeria com XML

[GabrielFerrari 41]

Ola Galerinha,

 

Eu resolvi criar uma galeria de imagens para começar a ver o flash com XML procurei um tutorial bem simples sobre galeria de imagens

 

consegui faze-lo perfeitamente so nao entendi como faz para posicionar as fotos, gostaria de colocar elas em volta do quandrado preto onde amplia as imagens.

 

O tutorial é esse http://www.mxstudio.com.br/views.tutorial....d=3&aid=830

 

se alguem poder me da uma luz seria de grande ajuda.

 

Obrigado a todos que lerem meu topico http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[GabrielFerrari 41]

nada gente ????

 

tem como fazer né ??

 

o fla http://rapidshare.com/files/27670629/Galeria_HitTest.zip

[CuecaX 0]

você precisa checar primeiro se as imagens foram carregadas... (onLoad)se for isso, é um erro bem comum...

[GabrielFerrari 41]

elas carregao no swf normal e a dinamica com elas ta funcionando que é uma beleza.

 

so que eu quero editar as posiçoes nao to conseguindo achar onde fica no codigo.

 

eu fiz um exemplo de como quero que fique :

 

ta assim http://img19.imageshack.us/my.php?image=exemplo2ua9.jpg

 

eu quero deixar assim: http://img19.imageshack.us/my.php?image=exemplogk4.jpg

 

 

mais nao sei como

 

 

Obrigado.

[Public2004 79]

Olá Thelon,Sua idéia é interessante, mas você deve pensar no projeto à frente, por ex: seria apenas essas 10 imagens? mais, menos? alteração periódica? paginação?Dê mais detalhes que vamos achando um caminho para a solução.Abs.

[GabrielFerrari 41]

Cara obrigado pela disposição

 

Eu comecei a procurar xml com o flash ai achei esse tutorial interessante ai fiz apenas para começar a entender o xml no flash mesmo não é nenhum projeto.

No tutorial são apenas 3 imagens ai eu tentei complica um pouco mas acabei ficando com essa dificuldade.

 

coso eu vá utilizar em alguma coisa terei que alterar ele.

 

 

eu consegui o seguinte codigo:

var colunas:Number = 3;
var linhas:Number = 3;
var colunaAtual:Number = 0;
var linhaAtual:Number = 0;
/*Declarando os tipos das instâncias visuais*/
var preloader:MovieClip;
var finalTarget:MovieClip;
/*Propriedades das instâncias*/
/*Aqui estamos definindo um background para o finalTarget, seu depth (nível, aqui não podemos dizer, suba duas layers, deça três...) que será o mesmo do finalTarget menos um. */
finalTarget.duplicateMovieClip("bgTarget", finalTarget.getDepth()-1);
/*Declaração de funções*/
function createGallery():Void {
   /*Criação do objeto XML */
   var xml:XML = new XML();
   xml.ignoreWhite = true;
   /*Carregando nosso arquivo xml */
   xml.load("galeria.xml");
   /*Ao ler o xml faça isso */
   xml.onLoad = function(success:Boolean):Void  {
	  if (success) {
		 var path:Object = this.firstChild.childNodes;
		 /*Para variável i que vale 0, enquanto ela for menor que o número de itens dentro do xml, incremente 1 */
		 for (var i:Number = 0; i<path.length; i++) {
			/*Estamos chamando o item da Library */
			t = _root.attachMovie("item", "item"+i, i);
			/*Esse item terá sua instância title_txt em sua propriedade text o valor alterado para o atributo title do XML */
			t.title_txt.text = path[i].attributes.title;
			/*Esse item terá sua instância target_mc carregando via loadMovie o atributo thumb do XML */
			t.target_mc.loadMovie(path[i].attributes.thumb);
			/*Anexamos uma variável largeImage ao MovieClip item, a mesma que chamamod no método loadClip da classe MovieClipLoader dentro do item */
			t.largeImage = path[i].attributes.img;
			/*Definimos a posição do item e incrementamos um espaço de px a distância entre eles */
			t._x = colunaAtual*t._width+colunaAtual*40;
			t._y = linhaAtual*t._height+linhaAtual*20;
			colunaAtual++;
			if (colunaAtual == 1 && linhaAtual == 1) {
			   colunaAtual =3.2;
			}
			if (colunaAtual == colunas && linhaAtual<linhas) {
			   /* Zeramos a coluna */
			   colunaAtual = 0;
			   /* Incrementamos linha */
			   linhaAtual++;
			}
		 }
	  }
   };
}
/*Inicialização das funções */
createGallery();

mas ainda nao conseguir posicionar as fotos.

 

Mas ainda não conseguir posicionar as fotos.

 

Só para ressaltar meu conhecimento no flash é muito pouco.

 

OBrigado Public2004 e CuecaX.

[Public2004 79]

Ah legal que seja para estudo, então flash+xml você já deve ter uma boa noção...

Quanto ao posicionamento procure alguns tutoriais sobre posição dos objetos (_x e _y), duplicateMovieCLip...

Aqui mesmo no Imasters tem dois artigos. Vai te ajudar bastante:

 

http://www.imasters.com.br/artigo/3495/act...os_facillitada/ - Galeria de fotos facilitada

http://www.imasters.com.br/artigo/2778/act...ript/paginacao/ - Galeria de fotos com paginação

 

Bom estudo.

[GabrielFerrari 41]

vlw public2004 vo dar um estudada :)

 

caso eu consiga fazer eu posto a fla aqui

 

se nao conseguir eu posto duvida mesmo :P

[GabrielFerrari 41]

AI gente consegui resolver

 

o grande Natan Alves fez algumas alteraçoes no codigo para mim

 

var colunas:Number = 3;
var linhas:Number = 3;
var colunaAtual:Number = 0;
var linhaAtual:Number = 0;
/*Declarando os tipos das instâncias visuais*/
var preloader:MovieClip;
var finalTarget:MovieClip;
/*Propriedades das instâncias*/
/*Aqui estamos definindo um background para o finalTarget, seu depth (nível, aqui não podemos dizer, suba duas layers, deça três...) que será o mesmo do finalTarget menos um. */
finalTarget.duplicateMovieClip("bgTarget", finalTarget.getDepth()-1);
/*Declaração de funções*/
function createGallery():Void {
/*Criação do objeto XML */
var xml:XML = new XML();
xml.ignoreWhite = true;
/*Carregando nosso arquivo xml */
xml.load("galeria.xml");
/*Ao ler o xml faça isso */
xml.onLoad = function(success:Boolean):Void  {
 if (success) {
  var path:Object = this.firstChild.childNodes;
  /*Para variável i que vale 0, enquanto ela for menor que o número de itens dentro do xml, incremente 1 */
  for (var i:Number = 0; i<path.length; i++) {
   /*Estamos chamando o item da Library */
   t = _root.attachMovie("item", "item"+i, i);
   /*Esse item terá sua instância title_txt em sua propriedade text o valor alterado para o atributo title do XML */
   t.title_txt.text = path[i].attributes.title;
   /*Esse item terá sua instância target_mc carregando via loadMovie o atributo thumb do XML */
   t.target_mc.loadMovie(path[i].attributes.thumb);
   /*Anexamos uma variável largeImage ao MovieClip item, a mesma que chamamod no método loadClip da classe MovieClipLoader dentro do item */
   t.largeImage = path[i].attributes.img;
   /*Definimos a posição do item e incrementamos um espaço de px a distância entre eles */
   t._x = colunaAtual*t._width+colunaAtual*150;
   t._y = linhaAtual*t._height+linhaAtual*85;
   colunaAtual++;
   if (colunaAtual == 1 && linhaAtual == 1) {
	colunaAtual = 3;
   }
   if (colunaAtual == colunas && linhaAtual<linhas) {
	/* Zeramos a coluna */
	colunaAtual = 0;
	/* Incrementamos linha */
	linhaAtual++;
   }
  }
 }
};
}
/*Inicialização das funções */
createGallery();

Obrigado a todos que tentaram me ajudar.

 

 

para quem nao conhece o Natan ele tem bons tutoriais que poder ser encontrados nesse link:

Site Pessoal: http://natan.atspace.com

 

abracetas e ate mais.