Galera vou disponibilar um modo de banner rotativo... otimo pra divulgação de parceiro ou notias em forma de imagem.. etc...
link de download....
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]
link de download....
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]
