Ir para conteúdo
Fórum Script Brasil

Anderson Hetfield

Membros
  • Total de itens

    1
  • Registro em

  • Última visita

Sobre Anderson Hetfield

Anderson Hetfield's Achievements

0

Reputação

  1. Tenho um slide de fotos em javascript com miniaturas que funciona legal. Mas agora preciso colocar link externo nas imagens maiores. alguém poderia dar uma força? O .js está todo abaixo desde já agradeço var photoslink=new Array() var which=0 // Imagens var myPix = new Array(3) myPix[0] = "1"; myPix[1] = "2"; myPix[2] = "3"; // Variáveis var format = ".jpg"; // formato das imagens var timer = "4000"; // tempo, em milésimos de segundos var i = 1; // não mexer. var intervalo; // criada variável global da animação function start() { intervalo = window.setInterval("change()",timer); // Inicia a animação document.getElementById(0).className = "imgatual"; } // Função quando clica na imagem pequena exibe ela grande. function abrir() { var main = document.getElementById("exibicao"); var iten = main.getElementsByTagName("img"); if (iten) { for (var i=0;i<iten.length;i++) { if (iten.className == "imgmenu") { iten.onclick = function() { // quando clicar na imagem executar os comandos limpa(); // função limpa this.className = "imgclick"; // coloca borda do click document.getElementById("image").src = 'images/' + myPix[this.id] + format; // exibe a imagem grande } } } } } // Função que limpa as bordas que estão com class=imgclick function limpa() { var main = document.getElementById("exibicao"); var iten = main.getElementsByTagName("img"); if (iten) { for (var i=0;i<iten.length;i++) { if (iten.className == "imgclick") { // busca quais imagens estão com class=imgclick iten.className = "imgmenu"; // as quais forem muda para imgmenu } } } } function borda() { var img = arguments[0]; // recebe o por parametro a ID da imagem var main = document.getElementById("exibicao"); var iten = main.getElementsByTagName("img"); if (iten) { for (var i=0;i<iten.length;i++) { // aqui modifica a borda da imagem que está com a class=igmatual ou class="imgclick" para imgmenu if ((iten.className == "imgatual") || (iten.className == "imgclick")) { iten.className = "imgmenu"; } } document.getElementById(img).className = "imgatual"; // aqui coloca a borda na imagem atual } } // Função que exibe a imagem grande! function change() { var tam = myPix.length; if (i < tam) { document.getElementById("image").src = 'images/' + myPix[i % tam] + format; // exibe a imagem grande borda(i); // modifica a borda nas imagens pequenas if (i == tam) i = -1; i++; }else { i = 0; } } window.onload = function() { abrir(); start(); } function mudar_banner(){ document.getElementById("myPix").src=imagem[x]; document.getElementById('link').href=site[x]; x++; if (x==3){ // aqui compara x com a quantidade total de imagens que tem x=0; } }
×
×
  • Criar Novo...