Olá pessoal! Como é de conhecimento de todos, nós recebemos diversos e-mails diariamente, e uma dúvida que tem se destacado é quanto à criação de um sistema de banner rotativo e o phpmyadmin.
Procurei abordar o phpmyadmin em minhas colunas anteriores de forma superficial, uma vez que poderia sair um pouco sobre o tema da coluna, Dreamweaver.
Muitos agradeceram os artigos publicados, pois puderam ter uma noção do script phpmyadmin (e que de certa forma, auxilia-nos nos projetos dinâmicos). Outros não gostaram pois consideraram muito simples os artigos (de fato, como falei, abordei o tema superficialmente) e que ficou fora do escopo da coluna.
Peço desculpas para aqueles que não gostaram, e agradeço o carinho recebido pelos demais. Na medida do possível vamos agradando a todos. Então vamos para mais um artigo.
Vamos desenvolver um sistema de banner rotativo em PHP pelo Dreamweaver. O banco de dados e a tabela que utilizaremos neste artigo foi abordada no artigo Criando banco de dados e tabelas pelo phpMyAdmin.
Utilize a instrução SQL abaixo, para popular a tabela (banners) criada.
INSERT INTO `banners` VALUES
(1, "Firefox - Rediscover the web", "http://sfx-images.mozilla.org/affiliates/Banners/468x60/rediscover.png",
"http://www.spreadfirefox.com/?q=affiliates&id=0&t=53",
"468", "60", "Firefox - Rediscover the web", "_self", "2005-07-22");
INSERT INTO `banners` VALUES (2, "Firefox - The browser you can
trust", "http://sfx-images.mozilla.org/affiliates/Banners/468x60/trust.png",
"http://www.spreadfirefox.com/?q=affiliates&id=0&t=54",
"468", "60", "Firefox - The browser you can trust", "_blank",
"2005-07-22");
Agora, no Dreamweaver, crie uma nova página em PHP (ctrl + N).
Vamos criar um recordset que conterá os banners cadastrados e estes ficarâo na rotativa. Para criá-lo, siga estes passos: Application > Bindings (Ctrl + F10), Recordset (Query).
Observe a imagem:
Veja o exemplo da configuração na imagem abaixo:

Explicando
Name:
é o
nome do recordset. Dica: utilize o prefixo "rs" antes
do nome para assim ficar mais fácil a identificação
deste.
Conneciton:
Conexão
ao banco de dados:
Table:
banners, tabela
onde estão cadastrados os banners.
Após estas simples configurações, clique
no botão Advanced. Após a mudança, teremos
o painel avançado de recordset. No campo SQL, vamos adicionar
manualmente uma instrução para rotacionar os banners,
ficando assim:
SELECT * FROM banners ORDER BY rand()
Clique no botão OK para finalizarmos o recordset.
Vamos configurar a exibição dos banner na página. Clique na opção Images: image na aba Common, como mostra a imagem abaixo:
No painel Select Image Source, selecione Data Souces na opção Select file name from. Em Field, será exibido o Recordset que criamos anteriormente. Selecione nele o campo banner_url, pois este armazena o endereço de localização do banner. Após isso, clique no botão OK. Para facilitar, observe a imagem exemplificando os passos.

Se você testar a página em seu browser verá o funcionamento do mesmo, mas, podemos realizar outras configurações como: width, height, alt, link, sendo todos dinâmicos. Vamos lá.
Para configurarmos o link é muito simples. No painel Propert Inspector, clique no ícone da "pastinha" como mostra a imagem abaixo.
O painel Select File será exibido, e sua configuração é idêntica ao Select Image Source. Veja a imagem com a configuração:

Para configurar o width, height, e o target é muito simples também. Essas configurações são realizadas no painel Bindings (Ctrl + F10).
Nele, selecione o campo do recordset, por exemplo banner_width, e em seguida faça a ligação deste campo ao atributo width da tag img, como mostra a imagem a seguir:

Agora que lhe apresentei o caminho, ficará fácil para você configurar o height e o target.
Bom, espero que tenha gostado. Um abraço e até o próximo.
Valério Cesar Souza
Boa Guerreiro! Muito boa esta matéria.
Parabéns.
*PS: Lembre-se: "A INVEJA É A ARMA DO INCOMPETENTE".
Alex Adriano de Oliveira
Parabéns pela matéria Leandro, e como o amigo Ricardo disse não dê importância a esse tipo de crítica destrutiva porque isso nada mais é do que fruto da inveja, e se o 'camarada' se acha melhor que ensine o que sabe a quem quer aprender, se é que sabe porque até agora o que ele demonstrou saber é falar besteira. Acredito que seja seu maior trunfo.<br><font color='red'> Só lamento por este tipo de gente.</font><br>Um abraço...
Fabio Monteiro
Aí Leandro, valeu o tutorial. Apesar de ser um método símples, ele é funcional e foi bem detalhado com as telas e tudo mais. Não se preocupe com quem não tem nada a acrecentar.
"Pois do que há em abundância no coração, disso fala a boca." Mt 12:34
Danny Hajduk
Olá Leandro!
Ppreciso saber se é possivél fazer o efeito deste site http://www.esafetransfer.com.br/, em dreamweaver. Caso seja , você poderia me dar as instruções?
obrigada
abraço
Flavia
Anderson Costa
Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!
Anderson Costa
Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!
Anderson Costa
Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!
Anderson Costa
Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!
Anderson Costa
Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!
Anderson Costa
Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!
Anderson Costa
Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!
André Ricardo Silva
Olá Leandro,
Primeiramente, ótimo tutorial
Preciso de uma dica,
como faço para fazer esses banners se alternarem sem uma sequencia fixa?
Ex. 1ª:imagemX, 2º:imagemY, 3º:imagemZ.
Grato pela atenção
Lucas Santos
Olá,
Leandro, por favor você poderia me enviar o código da tabela, pois o link do artigo contendo ela já não existe mais.
Lucas Santos
Joel Pinheiro
O que vcs estão procurando, em javascript existem vários, busquem no google "banners rotativos em javascript", tenho vários deles, são funcionais, fáceis de configurar e bem leves.
Joel Pinheiro
2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.