Javascript - Mudar uma imagem a cada 15 segundos

[Sid Vicius 0]

Olá pessoal, eu peguei esse código para alterar as imagens a cada 15 segundos no fórum de javascript, mas estou com a seguinte dúvida:É possível alterar as imagens vindas de um banco de dados?Segue o código:<script>var SlideShowSpeed = 15000;var CrossFadeDuration = 3;var Picture = new Array();var Caption = new Array();Picture[1] = 'imagem01.jpg';Picture[2] = 'imagem02.jpg';Picture[3] = 'imagem03.jpg';Picture[4] = 'imagem04.jpg';Caption[1] = "This is the first caption.";Caption[2] = "This is the second caption.";Caption[3] = "This is the third caption.";Caption[4] = "This is the fourth caption.";var tss;var iss;var jss = 1;var pss = Picture.length-1;var preLoad = new Array();for (iss = 1; iss < pss+1; iss++){preLoad[iss] = new Image();preLoad[iss].src = Picture[iss];}function runSlideShow(){if (document.all){document.images.PictureBox.style.filter="blendTrans(duration=2)";document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";document.images.PictureBox.filters.blendTrans.Apply();}document.images.PictureBox.src = preLoad[jss].src;if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];if (document.all) document.images.PictureBox.filters.blendTrans.Play();jss = jss + 1;if (jss > (pss)) jss=1;tss = setTimeout('runSlideShow()', SlideShowSpeed);}</script>Agradeço desde já!

[Daniel Lemes 0]

da pra fazer usando ajax, ai tu busca a imagem do banco de dados.

[Sid Vicius 0]

Daniel, eu não conheço muito ajax, mas vou dar uma olhada e estudar um pocuo sobre isso, mas muito obrigado mesmo pela sua dica. Vou tentar e logo volto a responder, valeu mesmo!

[Mário Monteiro 179]

voce tambem pode selecionar todas as imasgens no inicio da page e preencher seu arrayPicture[1] = 'imagem01.jpg';Picture[2] = 'imagem02.jpg';Picture[3] = 'imagem03.jpg';Picture[4] = 'imagem04.jpg';depois fica igualzinho

[arr 0]

É possível usando um arquivo .asp na tag img.<img name="PictureBox" src="processaimagem.asp">Neste exemplo o arquivo processaimagem.asp trata de randomizar e buscar o nome da imagem no BD.Ele precisa retornar somente um texto com o nome da imagem: "imagem1.jpg"

[Sid Vicius 0]

ARR, mas se eu randomizar as imagens, ela somente irá se alterar depois de um refresh, estou certo ou errado?marioufpa, como eu posso selecionar as imasgens no inicio da page e preencher meu array, sendo que elas estão cadastradas no bd e dentro de uma pasta separada?

[saloeric 1]

<%dim imag(6)sql="select * from imagens where id="&cint(request.querystring("id"))rs.open sql,conexaoimag(0)=rs("imagem1")imag(1)=rs("imagem2")imag(2)=rs("imagem3")imag(3)=rs("imagem4")imag(4)=rs("imagem5")imag(5)=rs("imagem6")'ai em cima defina os campos das imagens se for menos tire se for mais aumente'em baixo no ciclo é feito consoante o tamanho da arrayfor r = 0 to 5if imag(r)<>"" thenarimagem=arimagem+"'org/varias/"&imag(r)&"',"end ifnexttodasima = mid(arimagem,1,len(arimagem)-1)%><script language="JavaScript"><!--var arImages=new Array();function Preload() {var temp = Preload.arguments; for(x=0; x < temp.length; x++) {arImages[x]=new Image();arImages[x].src=Preload.arguments[x];}}Preload(<%=todasima%>); //--></script>

[Sid Vicius 0]

saloeric, dessa forma a imagen não irá alternar somente quando for atualizado a página? Como se fosse um random?E como eu irei colocar n campos para as imagens, pois no banco irei ter várias, vou ter que repetir esse bloco todo:imag(0)=rs("imagem1")imag(1)=rs("imagem2")imag(2)=rs("imagem3")imag(3)=rs("imagem4")imag(4)=rs("imagem5")imag(5)=rs("imagem6")imag(N)=rs("imagemn")Eu terei muitas imagens no banco, terei que cadastrar todas nesse bloco de código?Obrigado

[Sid Vicius 0]

lucasBR, não entendi muito bem sua resposta, você já me ajudou várias vezes, poderia se possível explicar um pouquinho melhor? rsrsrs, é que eu sou meio devagar, rsrs.A parte do while eu entendi, mas a do contador não, isso não iria fazer com que as imagens alterasem a cada atulização da página?Obrigado novamente.

[Sid Vicius 0]

Rapaz, você conseguiu resolver meu problema, como sempre, rsrs, agradeço muito sua ajuda lucasBR, mais uma vez você me salvou. Obrigado mesmo. Abraços!

[Sid Vicius 0]

Dessa forma acho que até vocês que respondem quase todos os tópicos também tem problemas de vez em quando, rsrs, mas isso é normal, um dia ficarei tão bom quanto vocês, espero que você possa me ajudar sempre que eu tiver problemas, abraços!

[LuukaO 0]

Como coloco isto no meu site??, eu tenho um topo, e quero que ele mude a cada 15 segundos, como boto esse script ??

 

vlws

[Ted k' 126]

O tópico é antigo, mais a pergunta é válida

 

Movido de ASP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif JavaScript / DHTML

[klonder 14]

Você irá fazer com JavaScript sozinho ou irá utilizar ASP ou PHP?

 

Se quiser apenas com JavaScript, acesse o tópico:

http://forum.imasters.com.br/index.php?/topic/324406-sistema-banner-rotativo/

Esse tópico contém um código que roda tanto imagens, quanto iframes.

 

Se for utilizar linguagem server-side, basta trocar o caminho das imagens/frames, pelos valores do Banco de Dados.