Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

r.patricia

Imagens mudando de posição

Por , em ASP Clássico

Recommended Posts

r.patricia    0

r.patricia
Postado

Bom dia.Tenho uma página simples com várias imagens em linhas e colunas. Como eu faço para que essas imagens a cada tantos minutos ou a cada visualização do usuário mude a sua ordem?Obrigada pela atenção.Patrícia - SPr.patricia@bol.com.br

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado 

<html><title>JavaScript - Imagem</title><head><script language=javascript>	segundos = 0.025;     // determina velocidade	dif_esq = 0.25;      // diferença de posicionamento (esquerda)	dif_top = 0.5;      // diferença de posicionamento (topo)	nome = "imagem";  // nome para referência	topo = 0;         // posição inicial	esquerda = 0;     // posição inicial	imagem_src = "imagem.gif";  // caminho da imagem	largura = 100;  // da imagem	altura = 100;  // da imagem		tempo = (segundos*1000);	function animar(){  esquerda = (esquerda + dif_esq);  topo = (topo + dif_top); 	 document.all[nome].style.left = esquerda+"px"; 	 document.all[nome].style.top = topo+"px";  setTimeout("animar()",tempo);	}		setTimeout("animar()",100);</script></head><body><script language=javascript>document.write("<div name="+nome+" id="+nome+" style=\"position:absolute; top:"+topo+"px; left:"+esquerda+"px;\"><img src=\""+imagem_src+"\" border=0 width="+largura+" height="+altura+"></div>")</script></body></html>

 

 

usei "document.all" não testei na última versão do netscape, provavelmente não funcione, pois ele reconhece getElementByID() e não document.all[]

Compartilhar este post

Link para o post
Compartilhar em outros sites

r.patricia    0

r.patricia
Postado

Olá Hinom.Obrigada pelas resposta.Mas o que quero exatamente é o seguinte.Exemplo:Tenha uma pág. em htm com 10 imagens com os nomes de 1.jpg a 10.jpgelas estão lado a lado dentro de uma tabela o que quero é que a cada visualização desta pág. a img 1.jpg vá para o lugar da 10.jpg vice-versa.Gostaria apenas que as imagens mudassem de lugar entre si. Tem como fazer isso?Obrigada.Patrícia - SPr.patricia@bol.com.br

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

tow ligado.vou fazer um exemplo, ainda hoje coloco aqui, agora eu estou atolado de serviço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

você pode usar select case nas celulas para sellecionar a imagem certa e depois coloca-la no scr <%segundo=Second(now())img= segundo mod 10select case txtcase 0 imagem="imagem1.jpg"case 1 imagem="imagem2.jpg"case 2 imagem="imagem3.jpg"case 3 imagem="imagem4.jpg"case 4 imagem="imagem5.jpg"case 5 imagem="imagem6.jpg"case 6 imagem="imagem7.jpg"case 7 imagem="imagem8.jpg"case 8 imagem="imagem9.jpg"case 9 imagem="imagem10.jpg"end select%>ai você poe o select adequado em cada celula para que em cada segundo tenhamos as 10 imagens diferentes

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

coloquei um exemplo nesse endereço:

 

http://www.barflyms.com/javascript/cookies/

 

as imagens estão em

http://www.barflyms.com/javascript/cookies/imagens/

 

1.gif, 2.gif, 3.gif, 4.gif, 5.gif

 

esse é o código:

 

<html><title>JavaScript - Imagens/Cookie</title><head><script language=javascript>	imagens = "1,2,3,4,5"; // nomes das imagens	img_dir = "imagens/";  // diretorio das imagens	tipo = ".gif";         // extensão das imagens	largura = 50;	altura = 50;	var expDias = 7;      // validade do cookie (dias)	var exp = new Date(); 	exp.setTime(exp.getTime() + (expDias*24*60*60*1000));	nome_cookie = "imagem_rand";	function SetCookie (name, value){  var argv = SetCookie.arguments;  var argc = SetCookie.arguments.length;  var expires = (argc > 2) ? argv[2] : null;  var path = (argc > 3) ? argv[3] : null;  var domain = (argc > 4) ? argv[4] : null;  var secure = (argc > 5) ? argv[5] : false;  document.cookie = name + "=" + escape (value) +   ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +   ((path == null) ? "" : ("; path=" + path)) +   ((domain == null) ? "" : ("; domain=" + domain)) +   ((secure == true) ? "; secure" : "");	}	function GetCookie (name) {  var arg = name + "=";  var alen = arg.length;  var clen = document.cookie.length;  var i = 0;  while (i < clen){  var j = i + alen;  if (document.cookie.substring(i, j) == arg)  return getCookieVal (j);  i = document.cookie.indexOf(" ", i) + 1;  if (i == 0) break;  }  	return null;	}	function DeleteCookie (name){  var exp = new Date();    exp.setTime (exp.getTime() - 1);     var cval = GetCookie (name);    document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();	}	function getCookieVal(offset){  var endstr = document.cookie.indexOf (";", offset);  	if (endstr == -1)    endstr = document.cookie.length;    return unescape(document.cookie.substring(offset, endstr));	}	valor = GetCookie(nome_cookie);	if(valor == null) {  valor = imagens;  SetCookie(nome_cookie,valor);	}else{  valor = valor.split(",");  retornar = "";  limite = (valor.length - 1);  for(i=0;i<=limite;i++){  	if(i>0){    sep = ",";    if(i<limite){    valor[i] = valor[i+1];    }else{    valor[i] = ultimo;    }  	}else{    sep = "";    ultimo = valor[i];    valor[i] = valor[i+1];  	}  	retornar += sep + valor[i];  }  DeleteCookie(nome_cookie);  SetCookie(nome_cookie,retornar);  imagens = retornar;	}	imagem = imagens.split(",");</script></head><body><table border=0 cellspacing=0 cellpadding=0><tr>	<script language=javascript>	for(i=0;i<imagem.length;i++){  escrever = "<td width="+(parseInt(largura)+2)+" align=center>";  escrever += "<img src=\""+img_dir+imagem[i]+tipo+"\" border=0 width="+largura+" height="+altura+">";  escrever += "</td>\n";  document.write(escrever);	}	//document.write("<td>"+imagens+"</td>");	</script></tr></table></body></html>

 

 

só precisa trocar esse trecho:

 

imagens = "1,2,3,4,5"; // nomes das imagens	img_dir = "imagens/";  // diretorio das imagens	tipo = ".gif";         // extensão das imagens	largura = 50;	altura = 50;	var expDias = 7;      // validade do cookie (dias)

 

o incoveniente é que com no IE 6 ou superior esses cookies são gravados como se fossem variáveis de sessão, só vai mudar a posição das imagens se de um refrech na mesma página, se abrir em outra janela as imagens voltam a posição inicial..

 

pra resolver essa questão só mesmo criando cookies usando uma linguagem server-side

 

 

beleza?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos ASP Clássico
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito