Ir para conteúdo

Arquivado

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

Lelinho

Foto Ampliada ?

Recommended Posts

E ai galera... beleza !!!Eu tenho uma foto... teste.jpg e o tamanho da mesma é: 70 x 70 px...Ata ai beleza..Mas eu quero quando o usuario clicar na foto ela abre outra janela com a mesma foto, só que maior.... mas so a foto..

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olha você poderá fazer ded duas maneiras!!

 

Usando uma popup com a foto para abrir na mesma janela

 

coloque entre as tags <head>

 

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_openBrWindow(theURL,winName,features) { //v2.0

window.open(theURL,winName,features);

}

//-->

</script>

</head>

 

<img src="imagem.jpg" alt="" width="500" height="352" onClick="MM_openBrWindow('nomepagina.htm','','width=300,height=300')">

 

 

 

Ou através de layers

 

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

 

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

 

function tmt_findObj(n){

var x,t; if((n.indexOf("?"))>0&&parent.frames.length){t=n.split("?");

x=eval("parent.frames['"+t[1]+"'].document.getElementById('"+t[0]+"')");

}else{x=document.getElementById(n)}return x;

}

 

function MM_showHideLayers() { //v3.0A Modified by Al Sparber and Massimo Foti for NN6 Compatibility

var i,p,v,obj,args=MM_showHideLayers.arguments;if(document.getElementById){

for (i=0; i<(args.length-2); i+=3){ obj=tmt_findObj(args);v=args[i+2];

v=(v=='show')?'visible':(v='hide')?'hidden':v;

if(obj)obj.style.visibility=v;}} else{

for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];

if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }

obj.visibility=v; }}

}

//-->

</script>

</head>

 

<body>

<div id="Layer1" style="position:absolute; left:182px; top:58px; width:343px; height:202px; z-index:1; visibility: hidden;"><img src="suaimagem.jpg" alt="" width="447" height="295"></div>

<img src="imagempequena.jpg" alt="" width="170" height="110" onClick="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','show')">

Compartilhar este post


Link para o post
Compartilhar em outros sites

E ai galera... beleza !!!

 

 

Eu tenho uma foto... teste.jpg e o tamanho da mesma é: 70 x 70 px...

 

Ata ai beleza..

 

 

Mas eu quero quando o usuario clicar na foto ela abre outra janela com a mesma foto, só que maior.... mas so a foto..

se for o que eu entendi é o seguinte...

 

faz isso...

 

Imagem Postada

 

 

ai você clica pra abrir um nova janela...

 

e ai vai aparecer isso...

 

Imagem Postada

 

ali você vai procurar a pagina ou foto que você quer abrir...

ai você pode botar o tamanho da janela e tal...

 

 

dai você da uma ageitada do geito que você quer abrir...

 

Imagem Postada

ai aqui você linka algumas coisa...faiz aquele link "morto"...

 

Imagem Postada

 

mas você tem que selecionar o que você quer de link antes de fazer os esquemas acima...

 

 

é isso...

 

 

 

 

(pessoal se eu escrevi algumas coisa errrada sobre o pequeno tuto me corrijão...)

 

 

até[]

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte,Achoque a turma nao entendeu ai...ele tem uma foto de 70x70 e ele quer que essa mesma fota apareça ampliada/maior do que os 70x70 que ela é, acertei??Bem, dai você terá de fazer uma novo fot maior e jogar no servidor e usar um dos exemplos citados pelo pessoal p/ abrir em nova janeja, oK??Agora, se a foto que cv tem for em jpg ou bmp, acho que ela naoperde a nitidez se usar ela mesmo p/ abrir maior, ok??Tente ai...ah, use o photoshop p/ criar a outra foto maior![]sRodney

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.