SHARE
TWEET

OtherSlide.js

DesenvolverBatch Sep 28th, 2013 5 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
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top