Banner Rotativo

admandy

Delta XPZ
24 de Novembro de 2010
563
3
0
29
To na cabeça mais nao saiu ainda!
Galera vou disponibilar um modo de banner rotativo... otimo pra divulgação de parceiro ou notias em forma de imagem.. etc...

link de download....

Você não tem permissão para ver o link. Faça o login ou registre-se agora.


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]
 

s00x

my life, my style.
Estagiario
15 de Abril de 2011
443
126
43
30
kde SS
 

ThuuG

Honrado XPZ
3 de Maio de 2012
297
5
0
23
Muito Bom Nota10//

Otimo para por noticias no site ;
 

_kinght_

Honrado XPZ
25 de Dezembro de 2010
274
49
28
25
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
25 de Dezembro de 2010
274
49
28
25
@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.