Ir para conteúdo

POWERED BY:

Arquivado

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

n4ndo

zoom com javascript.....

Recommended Posts

Salve.Com javascript naum conheço. + em que você quer dar um zoom?Imagem, texto, ... Se quer uma opiniaum, faz um flahzinho.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Salve.Com javascript naum conheço. + em que você quer dar um zoom?Imagem, texto, ... Se quer uma opiniaum, faz um flahzinho.

ei babu é em imagem mesmo...é que tenho que fazer um mapa com uns recursos de zoom...se você souber oq usar pra fazer isso dá uma força aí valeu?...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Salve.

Intaum n4ndo c pode fazer em flash simplezinho d+, coloca tua imagem e os pontos onde você quiser colocar o zoom, ai c coloca um fade in com a porcetagem necessária para o zoom.

 

Da uma oiadinha neste link:

http://www.truquesedicas.com/tutoriais/dht...ml/ac/index.php

tem um exemplo com texto de repente c pode improvizar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Salve.Intaum n4ndo c pode fazer em flash simplezinho d+, coloca tua imagem e os pontos onde você quiser colocar o zoom, ai c coloca um fade in com a porcetagem necessária para o zoom.Da uma oiadinha neste link:http://www.truquesedicas.com/tutoriais/dht...ml/ac/index.phptem um exemplo com texto de repente c pode improvizar.

flw brow...valeu !!!!...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Salve.

Achei depois de tanto tempo.

 

Link

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte, se o mapa for da cidade, entãoprefira pegar links de sites especializados nisso, eles tem mapas da hora, com percurso, tempo, melhor caminho a seguir e etc!!

só que eu não tenho nenhum site assim salvo no meu favoritos.. é ruim né??

Mas creio que cv achará rapidinho, tente nesses sites de buscas:

http://www.guiagratis.com.br

http://www.linksites.com.br (acho que é isso)

http://www.servicosgratis.com.br

 

bem na verdade esses sites não é de busca, mas sim que tem muuutios stes divididos por categoria, ok??

 

[]s

Rodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

Salve.Ae sitenovo o usuario naum quer mapas e sim um codigo (que eu ja mandei) para fazer o efeito zoom.||'s

Compartilhar este post


Link para o post
Compartilhar em outros sites
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sem título</title>


</head>

<body>
<div id="teste"><div id="lix" style="background:#066; color:#fff; border:1px solid #030; padding:20px;">O script vai começar...</div></div>
</body>
<script type="text/javascript">
function pegaTela(id,uid,larg,alt,fte){
	var porcento = 0.1;
	var largura = screen.width;
	var altura = screen.height;
	var fonte = 22;
	var tempo = 0;
	var largura_maxima =500;
	
	largura++;
	altura++;
	fonte++;
	var doc = document.getElementById(uid);
	if(larg!=null)
		largura = larg;
	if(alt!=null)
		altura = alt;
	if(fte!=null)	
	    fonte = fte;
	 largura = largura - (largura * porcento) / 100;
	 altura = altura - (altura * porcento) / 100;
	 fonte = fonte - (fonte * porcento) / 100;
	
	doc.innerHTML='<div id="'+id+'" style="width:'+largura+'px; height:'+altura+'px;background:#066;border:1px solid #030; color:#fff; font-size:'+fonte+'px"><br><br><br><center>'+largura+' pixels</center></div>';
	setTimeout("someDiv('"+uid+"')",tempo);
	setTimeout("pegaTela('some2','"+uid+"','"+largura+"','"+altura+"','"+fonte+"')",tempo);
	}

function someDiv(uid){
	document.getElementById(uid).innerHTML='';
	}
setTimeout('pegaTela("some","teste",null,null,null)',4000);

</script>
</html>

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sem título</title>


</head>

<body>
<div id="teste"><div id="lix" style="background:#066; color:#fff; border:1px solid #030; padding:20px;">O script vai começar...</div></div>
</body>
<script type="text/javascript">
function pegaTela(id,uid,larg,alt,fte){
	var porcento = 0.1;
	var largura = screen.width;
	var altura = screen.height;
	var fonte = 22;
	var tempo = 0;
	var largura_maxima =500;

	var doc = document.getElementById(uid);
	if(larg!=null)
		largura = larg;
	if(alt!=null)
		altura = alt;
	if(fte!=null)	
	    fonte = fte;
	 largura = largura - (largura * porcento) / 100;
	 altura = altura - (altura * porcento) / 100;
	 fonte = fonte - (fonte * porcento) / 100;
	
	doc.innerHTML='<div id="'+id+'" style="width:'+largura+'px; height:'+altura+'px;background:#066;border:1px solid #030; color:#fff; font-size:'+fonte+'px"><br><br><br><center>'+largura+' pixels</center></div>';
	setTimeout("someDiv('"+uid+"')",tempo);
	setTimeout("pegaTela('some2','"+uid+"','"+largura+"','"+altura+"','"+fonte+"')",tempo);
	}

function someDiv(uid){
	document.getElementById(uid).innerHTML='';
	}
setTimeout('pegaTela("some","teste",null,null,null)',4000);

</script>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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