Banner rotativo em PHP pelo DW

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:

 

Site de Origem: http://www.tutoriaisweb.com/