Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
eu queria saber se é possível fazer um efeito de zoom com javascript...
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?...
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.
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 !!!!...
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.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
Salve.Ae sitenovo o usuario naum quer mapas e sim um codigo (que eu ja mandei) para fazer o efeito zoom.||'s
<!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>
Salve.Com javascript naum conheço. + em que você quer dar um zoom?Imagem, texto, ... Se quer uma opiniaum, faz um flahzinho.