DesenvolverBatch

OtherSlide.js

Sep 28th, 2013
8
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. //Criando variáveis para controle (não precisa alterar):
  3.     var i = 0; var iFiltro = 0;
  4.     var temporizador, tempEfeito;
  5.     var img = new Array(8);
  6.    
  7. //---------------------------------------------------------------------
  8.  
  9.  
  10. //Defina o tempo de transição em milissegundos:
  11. var tempoTransicao = 3000;
  12.  
  13. //Tamanho ideal para as imagens: 250 x 170 pixels;
  14. //Para adicionar novas imagens/textos, basta seguir o padrão dos arrays abaixo:
  15. img[0] = 'img/banner0.jpg';
  16. img[1] = 'img/banner1.jpg';
  17. img[2] = 'img/banner2.jpg';
  18. img[3] = 'img/banner3.jpg';
  19. img[4] = 'img/banner4.jpg';
  20. img[5] = 'img/banner5.jpg';
  21. img[6] = 'img/banner6.jpg';
  22. img[7] = 'img/banner7.jpg';
  23.  
  24.  
  25. /*
  26. img[5] = '';
  27. link[5]='';
  28. titulo[5]=''; msg[5]='';
  29. img[0] = 'http://tbn1.google.com/images?q=tbn:Zy3V2-RTkDjHnM:http://www.metrofusion.xpg.com.br/imagens/natureza_1.jpg';
  30. link[0]='http://h.imguol.com/0907/14lulap.jpg';
  31. titulo[0]='0. Questão social';
  32. msg[0]='Sem-tetos invadem Palácio do Planalto em busca de moradia.';
  33. */
  34.  
  35.  
  36. //Função para exibir os slides
  37. function slideShow() {
  38. //Localizando os objetos no HTML:
  39. var objImg = document.getElementById("imagem");
  40.  
  41.     //Criando apenas um controle, caso o valor do id seja maior do que os slides:
  42.     if (i >= img.length) {
  43.         i = 0;
  44.     }
  45.    
  46.     //Controle dos estilos, para FF e IE:  
  47.     objImg.style.opacity = ".0";
  48.     objImg.style.filter = "alpha(opacity=0)";
  49.     //Imprimindo a imagen e textos na tela:
  50.     objImg.src = img[i];
  51.    
  52.     //Chamando a função responsável pelos efeitos nos slides:
  53.     efeito();
  54.     //Aumentando o i de 1 em 1;
  55.     i++;
  56.  
  57. //Criando um temporizador para ajustar o tempo de transição entre os slides:
  58. temporizador = window.setTimeout('slideShow()',tempoTransicao);
  59. }
  60.  
  61. //Função que gera o efeito de transição entre os slides
  62. function efeito() {
  63. var objImg = document.getElementById("imagem");
  64.     //Controle para as várias possibilidades do i:
  65.     if (iFiltro > 100) {
  66.         clearInterval(tempEfeito);
  67.         iFiltro = 0;
  68.     }else{
  69.      valorOpacidade = iFiltro/100;
  70.      valorOpacidade = valorOpacidade.toString();
  71.         objImg.style.opacity = valorOpacidade;
  72.         objImg.style.filter = "alpha(opacity="+iFiltro+")";
  73.         iFiltro+=10;
  74.         tempEfeito = window.setTimeout('efeito()',70);
  75.     }
  76. }
  77.  
  78. //Controle dos botões: ANTERIOR, PAUSA e POSTERIOR:
  79. function controle {
  80.     if (c == -1) {
  81.         i-=2;
  82.         clearInterval(temporizador);
  83.         clearInterval(tempEfeito); iFiltro = 0;
  84.         if (i<0) {i = img.length-1};
  85.         slideShow();
  86.     }
  87.     if (c == 1) {
  88.         clearInterval(temporizador);
  89.         clearInterval(tempEfeito); iFiltro = 0;
  90.         slideShow();
  91.     }
  92.     if (c == 0) {
  93.         clearInterval(temporizador);
  94.         clearInterval(tempEfeito); iFiltro = 0;
  95.     }
  96. }
RAW Paste Data