Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
Imagens com Botao Passante em JavaScript
PunBB PhpBB2 PhpBB3 Invision Blog Site

Código:
<div align="center">
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <table border="0" cellpadding="0">
    <caption><strong>Galeria</strong></caption>
    <tr>
    <td width="100%">
    <p align="center"></p>
    </td>
    </tr>
    <tr>
    <td width="100%"><form method="POST" name="rotater">
    <div align="center"><center><p><script language="JavaScript1.1">
    var photos=new Array()
    var which=0

    photos[0]="URL-DA-IMAGEM"
    photos[1]="URL-DA-IMAGEM"
    photos[2]="URL-DA-IMAGEM"
    photos[3]="URL-DA-IMAGEM"
    photos[4]="URL-DA-IMAGEM"

    function backward(){
    if (which>0){
    window.status=''
    which--
    document.images.photoslider.src=photos[which]
    }
    }

    function forward(){
    if (which<photos.length-1){
    which++
    document.images.photoslider.src=photos[which]
    }
    else window.status='End of gallery'
    }
    </script><input type="button" value="Anterior" name="B2"
    onClick="backward()"> <input type="button" value="Proxima" name="B1"
    onClick="forward()"><br>
    <a href="#" onClick="which=1;backward();return false"><small>Inicio</small></a></p>
    </center></div>
    </form>
    </td>
    </tr>
</table></table></div>

URL-DA-IMAGEM = Estas seram as imagens que apareceram na galeria.


Resultado: Va apertando Proximo e Anterior para ver as imagens da lista.
Ver perfil do usuário

#2
 Gmtp

avatar
Membro
Olá

Que belo trabalho também vindo de você rs

Até mais
Ver perfil do usuário

#3
 'Fusion

avatar
Membro
Belo trabalho nerd dos códigos ta de parabéns =D
Ver perfil do usuário samuca_akira@hotmail.com

#4
 lucasyori

avatar
Membro
VLW
Ver perfil do usuário

#5
 Conteúdo patrocinado