[Nyto-RJ]

Bom galera , estava precisando de um sistema de banner rotativo , daí criei um totalmente em flash , e queria saber se interessa alguem que eu faça um tutorial sob o assunto.

Abraços

[hufersil]

coloca aeh pra galera

@braços

[Clovesbsb]

opa
coloca mesmo..!

[Nyto-RJ]

Tutorial sistema de banner rotativo Flash / XML

Bom , naum sou bom explicando , mas vamos lá.

Vamos começar pelo mais fácil , o XML , que no nosso caso, só irá servir para informar ao flash o número de banners que você tem na sua pasta banner (ou a pasta onde você irá colocar seus banners).

Antes de começar:

Crie duas pastas, uma pro seus banners e outra pro XML ( no meu caso criei a pasta 'banner' e a pasta 'XML')

Todos os seus banners devem seguir a nomenclatura:

banner0.swf ( primeiro banner a ser carregado );
banner1.swf ( segundo banner a ser carregado );
banner2.swf ( e assim por diante)

no nosso tutorial , so temos os dois primeiros:

banner0.swf
banner1.swf

eles estão na pasta banner ( lembre-se que se mudar o nome da pasta , deverá mudar tambem o endereço no flash )

Então vamos ao XML:

Abra seu editor de textos e digite o seguinte:

CODE

<?xml version="1.0" encoding="iso-8859-1"?>
<banner>
<principal>
<quantidade>2</quantidade>
</principal>
</banner>

Onde o número 2 é o número total de banners que vc tem.

Salve-o como banner.xml

Feito isto vamos ao Flash.

Crie um novo documento com as dimensões padrão de banners , 468 X 60.

Você precisará de 2 camadas ( layers ) só:

Camada "action"
Camada "banner"

Depois de criar as camadas, faça o seguinte:

Aperte f8 e crie um novo Movie Clip. Dê o nome de 'blank'.

Clique em Scene1 para voltar a timeline principal.

Acabamos de criar um empty Movie Clip ( poderiamos cria-lo tb por action script sem problemas) mas estenderia nosso tutorial.

Abra a biblioteca ( f11 ) e arraste o movie clip blank ( que acabamos de criar ) para o palco ( isso na camada banner ).
clique nele e coloque as posições X e Y em 0 ( no painel properties).

Instancie-o de 'banner'.

Agora vamos ao actionScript:

Clique no primeiro frame da camada action e digite o seguinte:

ActionScript

//carrega o primeiro banner banner.loadMovie("banner/banner0.swf"); //seta a variável de controle 'ban' para 0 ban=0 //inicia a função de rotação de banner com setInterval setInterval( function(){       //Cria um novo XML       myXML = new XML();       //função que ignora os espaços no arquivo xml       myXML.ignoreWhite = true;       //inicia a função de carregamento do xml       myXML.onLoad = function(ok) {             //Bullet para a função onLoad              if (ok) {                   //define uma atalho pra acessar o xml                    allData = this.firstChild.childNodes;                   /*define a variável txt que acessa o xml e pega aquele número de banners que botamos lá no início , no nosso caso 2 */                    txt=String(allData[0].firstChild.firstChild);                   //transforma a String literal 2 em Número                    txt=Number(txt);                   //incrementa a variável de controle ban em 1                    _root.ban++;                   /*seta uma condição para se o ban chegar ao numero maximo de banners , volta a zero*/                    if(ban==txt){                          _root.ban=0;                    }                   //carrega o proximo banner                    banner.loadMovie(banner/banner"+ban+".swf");                                 } else {                    trace("Problemas no carregamento do XML");              }       };       //carrega o xml              myXML.load("banner/banner.xml");              //define o tempo de esposição de cada banner antes de mudar para outro       //no caso esses 35000 equivalem a 35 segundos. }, 35000 ); //fim do action ( facim facim)hehee

Bom antes de testar , confira o seguinte:

Seu .fla deve estar em um diretorio( qualquer um ) , e as pastas banner e xml devem ser criadas neste diretorio.

No nosso exemplo estamos trabalhando com 2 banners ( banner0.swf , banner1.swf) que estão na pasta banner e o nosso arquivo banner.xml está na pasta xml.

Se tudo tiver correto , teste seu movie clipe ( ctrl + ENTER ) , e vc terá seus banners se alterando a cada 35 segundos.

Caso queira colocar mais banners , basta alterar o xml e colocar ao inves de 2 , o número de banners que vc tem na pasta banner , e , nomeá-los de acordo com a nomenclatura especificada acima.

Abraços e espero que tenham gostado.

Ah se der errado posta o erro ai , pode ser ate de digitação . já que saum 3:20 da manha.

hehehe

Abraços

[Nyto-RJ]

Alguem fez , pr favor me deem retorno pra saber se vcs gostaram , se deu certo!

Abraços

[Cl3m4]

Opa velho, blz?

Seguinte, axei mais de um erro e fiz alguns reparos. Além de algumas adições:

*o que adicionei: coloquei apenas dentro de um MC para que facilite na hora de colocar o sistema de banners dentro de um site em flash.

Abaixo segue como ficou o novo código dentro de um novo MC (nome qualquer do MC//instância: banner):

CODE

//carrega o primeiro banner
_root.banner.banner.loadMovie("banner/banner0.swf");
//seta a variável de controle 'ban' para 0
ban = 1;
//inicia a função de rotação de banner com setInterval
setInterval(function () {
//Cria um novo XML
myXML = new XML();
//função que ignora os espaços no arquivo xml
myXML.ignoreWhite = true;
//inicia a função de carregamento do xml
myXML.onLoad = function(ok) {
 //Bullet para a função onLoad
 if (ok) {
  //define uma atalho pra acessar o xml
  allData = this.firstChild.childNodes;
  /*define a variável txt que acessa o xml e pega aquele número de banners que botamos lá no início , no nosso caso 2 */
  txt = String(allData[0].firstChild.firstChild);
  //transforma a String literal 2 em Número
  txt = Number(txt);
  //incrementa a variável de controle ban em 1
  _root.ban++;
  /*seta uma condição para se o ban chegar ao numero maximo de banners , volta a zero*/
  if (ban == txt) {
   _root.ban = 0;
  }
  //carrega o proximo banner
  _root.banner.banner.loadMovie("banner/banner"+ban+".swf");
 } else {
  trace("Problemas no carregamento do XML");
 }
};
//carrega o xml
myXML.load("xml/banner.xml");
//define o tempo de esposição de cada banner antes de mudar para outro
//no caso esses 35000 equivalem a 35 segundos.
}, 30000);
//fim do action ( facim facim)hehee

No mais tava tudo certim.. Vlw pelo tuto pq eu tava mesmo precisando...

OBS.: para criar um Objeto vazio eh CTRL+F8 (e não somente F*) ^^

[jeffinho]

Bom eu creiio que fiz tudo corretamente, mas não deu certo... =/
Será que alguem poderia me ajudar ?
Obrigado !!!!

[Rodrigo Piva]

Pessoal,
Não estou conseguindo fazer esta rotação de banner funcionar. Tenho 2 banners e segui o tutorial à risca.
Segue abaixo o código do meu Flash CS3.

Abraços,
Rodrigo

-----------------------------------------------------------------------------------------------------------------

stop();

//carrega o primeiro banner
banner.loadMovie("banner/banner0.swf");
//seta a variável de controle 'ban' para 0
ban=0
//inicia a função de rotação de banner com setInterval
setInterval( function(){
//Cria um novo XML
myXML = new XML();
//função que ignora os espaços no arquivo xml
myXML.ignoreWhite = true;
//inicia a função de carregamento do xml
myXML.onLoad = function(ok) {
//Bullet para a função onLoad
if (ok) {
//define uma atalho pra acessar o xml
allData = this.firstChild.childNodes;
/*define a variável txt que acessa o xml e pega aquele número de banners que botamos lá no início , no nosso caso 2 */
txt=String(allData[0].firstChild.firstChild);
//transforma a String literal 2 em Número
txt=Number(txt);
//incrementa a variável de controle ban em 1
_root.ban++;
/*seta uma condição para se o ban chegar ao numero maximo de banners , volta a zero*/
if(ban==txt){
_root.ban=0;
}
//carrega o proximo banner
_root.banner.banner.loadMovie("banner/banner"+ban+".swf");
} else {
trace("Problemas no carregamento do XML");
}
};
//carrega o xml

myXML.load("banner/banner.xml");

//define o tempo de esposição de cada banner antes de mudar para outro
//no caso esses 35000 equivalem a 35 segundos.
}, 35000 );

[Rodrigo Piva]

Consegui resolver.
Caso alguém enfrente a mesma dificuldade, fiz o seguinte:

//carrega o proximo banner
_root.banner.banner.loadMovie("banner/banner"+ban+".swf");


Apaguei o início da linha acima e funcionou! Ficou da seguinte forma:

banner.loadMovie("banner/banner"+ban+".swf");

Abraços,
Rodrigo

[Vitao MONSTRO WEB]

Galera Nenhuma das soluçoes acima deu certo faz assim:

vc concerteza fez o 1º tutorial e nada estou certo ,concerteza vc seguiu arisca o tutorial e nada...

bom nesse codigo abaixo foi corrigido todos os erros MESMO sem duvida podi te certeza que vai roda!!!!

Valeuw Galera ...So pesso uma coisa pra quem leu esse tuto "fez algo na net rodoo meia boka ou mais o menos posta na net qui tem sempre um loko aprokura rsrsrs!!!!" vlw abraço galera!!!.

//carrega o xml
myXML.load("xml/banner.xml");
//define o tempo de esposição de cada banner antes de mudar para outro

codigo correto abaixo
----------------------------------------------------



//carrega o primeiro banner
_root.banner.banner.loadMovie("banner/banner0.swf");
//seta a variável de controle 'ban' para 0
ban = 1;
//inicia a função de rotação de banner com setInterval
setInterval(function () {
//Cria um novo XML
myXML = new XML();
//função que ignora os espaços no arquivo xml
myXML.ignoreWhite = true;
//inicia a função de carregamento do xml
myXML.onLoad = function(ok) {
//Bullet para a função onLoad
if (ok) {
//define uma atalho pra acessar o xml
allData = this.firstChild.childNodes;
/*define a variável txt que acessa o xml e pega aquele número de banners que botamos lá no início , no nosso caso 2 */
txt = String(allData[0].firstChild.firstChild);
//transforma a String literal 2 em Número
txt = Number(txt);
//incrementa a variável de controle ban em 1
_root.ban++;
/*seta uma condição para se o ban chegar ao numero maximo de banners , volta a zero*/
if (ban == txt) {
_root.ban = 0;
}
//carrega o proximo banner
banner.loadMovie("banner/banner"+ban+".swf");
} else {
trace("Problemas no carregamento do XML");
}
};
//carrega o xml
myXML.load("xml/banner.xml");
//define o tempo de esposição de cada banner antes de mudar para outro
//no caso esses 35000 equivalem a 35 segundos.
}, 30000);
//fim do action ( facim facim)hehee