• Bem vindo à nossa comunidade - Quer se juntar ao resto dos nossos membros? Registre-se*Registros aprovados pela adminitração

Banner Rotativo

admandy

Usuário XPZ
Galera vou disponibilar um modo de banner rotativo... otimo pra divulgação de parceiro ou notias em forma de imagem.. etc...

link de download....

Por favor, Entrar ou Registrar para ver o conteúdo das URLs!


tutorial:

extraia o arquivo dentro da pasta raiz do seu site....

crie um Iframe para rodar o banner onde vc queira em seu site, vou disponibilizar o iframe que eu to usando...

Então e so colar este iframe onde vc kizer no sue site!

Iframe pronto:

<iframe src="BannerRotativo/virtua_index.php" width="555" height="240" frameborder="0"></iframe>

para quem kizer add mais imagens e mais slides... e so seguir os passos:

abra o arquivo Virtua_index.php - que fica dentro da pastar BannerRotativo q vc extraiu na raiz do seu site

preocure a linha:

<div class="slide-inner"><a href="#"><span><img src="virtuaimg/image05.jpg" alt="Clique Aqui, e Leia Mais..." width="599" height="175" /></span></span></span></a>          </div>

esse eh a linha do ultimo banner, ou seja imag05... e so vc copiar essa linha e colocar ourtra em sequida ira ficar assim dentro do arquivo

<div class="slide-inner"><a href="#"><span><img src="virtuaimg/image05.jpg" alt="Clique Aqui, e Leia Mais..." width="599" height="175" /></span></span></span></a>          </div>

<div class="slide-inner"><a href="#"><span><img src="virtuaimg/image05.jpg" alt="Clique Aqui, e Leia Mais..." width="599" height="175" /></span></span></span></a>          </div>

repare as linhas em vermelho.....

jah q a ultima linha contem a image05 novamente, isso por q eu copiei e colei a ultima linha, entao ela se repete, entao... e so vc alterar na ultima linha o nome image05 para image0x, poder ser 7 8 9 etc.. depende do nome da nova imagem, caso queria q repita a imagen jah mostra num slide antes e colocar o mesmo nome em image0x, tipo quero q o ultimo slide fique igual ao o primeiro entao na ulima linha vc deve colocar o mesmo numero da imagem tipo, na primeira linha esta image01, entao na ultima tbm devera estar 01. ok deu pra entender....?

quando adionamos um linha teremos q add outra linha em um comando mais a baixo no mesmo arquivo, ok

preocure alinha

<li><a class="navi" href="#1"><span class="fpss_key">01</span><img src="virtuaimg/image05.jpg" alt="Clique Aqui, e Leia Mais..." /></a></li>

a cada linha q vc criar no comando de cima tem q criar mais um para esse.... tipo sao 5 linhas do camando de cima e 5 linhas nesse comando mais a baixo, ou seja se eu criei 2 linhas no comando de cima, tenho q criar 2 linhas nesse comando tbm.... com os mesmo nome de imagen

tipo si a primeira linha do comando de cima tiver com o nome de image09

a primeira linha do comando de baixo tbm deve star com image09 " ess comando de baixo mostra a imagem pequena quando passa o slide.....

faciul de entender nem....

OBS: nao aconselho colocar mais q 9 linhas ou seja 9 imagens, por q se nao o botao de pause da caixa do banner rotativo some.... ai a pessoa nao poderar para na imagem q ela quer......

si alguem tiver mais alguma duvi e so postar aki....

CREDITOS:

nem sei mais peguei de um site q eu tinha aki...

admandy - por postar aki e fazer o tuto!!!

[glow=red,2,300]SE AJUDEI, DE SEU OBRIGADO![/glow]
 

gabrielmuastra

Usuário XPZ
tem como ela vir com testo?
default_ohmy.png
 

_kinght_

Honrado XPZ
caro @yuumix esse banner não é em flash...são apenas imagens passando após determinado tempo com uso de JQuery e sendo exibida como um iframe, se tiver alguma conhecimento pode fazer também sem usar o iframe e colocar diretamente na página
 

_kinght_

Honrado XPZ
@testing157

Não coloca esse iframe nas settings  e sim na página inicial do site, ele funciona como uma sub-página na página inicial mas são páginas diferentes.
 
Topo Bottom