..:: MX Studio Fóruns ::..: Abrir foto em outra janela - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade

ATENÇÃO

Para evitar posts desnecessários e que não influam para o andamento e desenvolvimento do fórum, clique aqui e leia todas as regras.
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Abrir foto em outra janela Imagem ampliada

#1 User is offline   leccoc 

  • Group: Membros
  • Posts: 16
  • Joined: 18-January 07

Posted 18 January 2007 - 11:29 PM

Espero encontrar a ajuda necessaria:
Estou fazendo um site (sou iniciante . . . rs) onde coloquei as fotos dos produtos e ao lado uma "lupa"para ampliar essa foto abrindo em outra janela e não estou conseguindo fazer isso. (Gostaria que a foto abrisse em outra janela sem aparecer a barra do navegador, como se fosse outra pagina html, gostaria que abrisse somente a foto) O tamanho das imagens ampliadas colokei 409 x 234)
se ajudar o site é www.artearaarames.com.br

Um grande abraço a todos.
0

#2 User is offline   Giselecn 

  • Group: Membros
  • Posts: 511
  • Joined: 13-July 05

Posted 19 January 2007 - 12:03 PM

Teste isso:



<script language="JavaScript">

function abrir(URL) {

var width = 500;
var height = 400;

var left = 99;
var top = 99;

window.open(URL,'teste', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=no, status=yes, toolbar=yes, location=yes, directories=yes, menubar=yes, resizable=yes, fullscreen=no');

}

</script>

<a href="java script:abrir('http://img209.imageshack.us/img209/8342/imagembn6.jpg');">Clique Aqui</a>



Tem outro efeito muito legal, dá uma olhada:

http://www.dynamicdrive.com/dynamicindex4/...tbox2/index.htm


0

#3 User is offline   leccoc 

  • Group: Membros
  • Posts: 16
  • Joined: 18-January 07

Posted 19 January 2007 - 12:42 PM

Obrigado, mais como disse antes, sou iniciante e saco poukissimo em html, neim sei onde jogar esse código dentro da pagina.
Mexo mais com o próprio DW (ele gerando os códigos e dou uma leve corrigida nos erros) não tem como fazer essa janela pelo próprio DW?

Desde já agradeço.
0

#4 User is offline   Giselecn 

  • Group: Membros
  • Posts: 511
  • Joined: 13-July 05

Posted 19 January 2007 - 01:12 PM

Coloque o script entre as tags <head></head>

Exemplo:
<head>
<script language="JavaScript">

function abrir(URL) {

var width = 500;
var height = 400;

var left = 99;
var top = 99;

window.open(URL,'teste', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=no, status=yes, toolbar=yes, location=yes, directories=yes, menubar=yes, resizable=yes, fullscreen=no');

}

</script>

</head>


E na sua imagem:

<a href="java script:abrir('http://img209.imageshack.us/img209/8342/imagembn6.jpg');"><img src="imagem.jpg"></a>
0

#5 User is offline   leccoc 

  • Group: Membros
  • Posts: 16
  • Joined: 18-January 07

Posted 20 January 2007 - 03:12 PM

nada não estou conseguindo . . . unsure.gif
0

#6 User is offline   leccoc 

  • Group: Membros
  • Posts: 16
  • Joined: 18-January 07

Posted 22 January 2007 - 07:04 PM

Agora consegui . . .

fikou assim:
(entre os dois Head)
<head>
<script LANGUAGE="JavaScript">
function janelanimada(endereco) {
var velocidadev = 10;
var topo = 90;
var esquerda = 80;
var velocidadeh = 10;
if (document.all) {
var tamlar = 340;
var tamjan = 455;
var tamanho = window.open("","","left=" + esquerda + ",top=" + topo + ",width=1,height=1,scrollbars=yes");
for (sizeheight = 1; sizeheight < tamlar; sizeheight += velocidadev) {
tamanho.resizeTo("1",sizeheight );}
for (sizewidth = 1; sizewidth < tamjan; sizewidth += velocidadeh) {
tamanho.resizeTo(sizewidth+6,sizeheight );}
tamanho.location = endereco;}
else
window.location = endereco;}
</script>

Na na figura (é uma lupa q. faz ampliar a imagem ao lado)

<a href="images/Fotos_ampliadas/Aro.jpg" onClick="janelanimada('images/Fotos_ampliadas/Aro.jpg');return false;"><img src="images/Gif/zoomin_1.gif" width="25" height="25" border="0"></a><br>


Agradeço a ajuda Giselecn.

0

#7 User is offline   Eulelis 

  • Group: Membros
  • Posts: 4
  • Joined: 07-February 07

Posted 07 February 2007 - 02:50 PM

QUOTE(leccoc @ 22/1/2007 19:01:06) View Post
Agora consegui . . .

fikou assim:
(entre os dois Head)
<head>
&lt;script LANGUAGE="JavaScript">
function janelanimada(endereco) {
var velocidadev = 10;
var topo = 90;
var esquerda = 80;
var velocidadeh = 10;
if (document.all) {
var tamlar = 340;
var tamjan = 455;
var tamanho = window.open("","","left=" + esquerda + ",top=" + topo + ",width=1,height=1,scrollbars=yes");
for (sizeheight = 1; sizeheight < tamlar; sizeheight += velocidadev) {
tamanho.resizeTo("1",sizeheight );}
for (sizewidth = 1; sizewidth < tamjan; sizewidth += velocidadeh) {
tamanho.resizeTo(sizewidth+6,sizeheight );}
tamanho.location = endereco;}
else
window.location = endereco;}
</script>

Na na figura (é uma lupa q. faz ampliar a imagem ao lado)

<a href="images/Fotos_ampliadas/Aro.jpg" onClick="janelanimada('images/Fotos_ampliadas/Aro.jpg');return false;"><img src="images/Gif/zoomin_1.gif" width="25" height="25" border="0"></a><br>


Agradeço a ajuda Giselecn.



------------------------------------------------------------------------------------------------------------------------------------------------------

Amigo, me desculpe mas eu estava lendo as informações acima, elas me interessaram, porem eu não estou conseguindo determinar o tamanho da janela que se abre, fica sobrando espaço em branco na pagina maior que a foto, quero que a pagina seja do tamanho da foto, você pode me ajudar?????

0

#8 User is offline   Eulelis 

  • Group: Membros
  • Posts: 4
  • Joined: 07-February 07

Posted 07 February 2007 - 02:51 PM

QUOTE(leccoc @ 22/1/2007 19:01:06) View Post
Agora consegui . . .

fikou assim:
(entre os dois Head)
<head>
&lt;script LANGUAGE="JavaScript">
function janelanimada(endereco) {
var velocidadev = 10;
var topo = 90;
var esquerda = 80;
var velocidadeh = 10;
if (document.all) {
var tamlar = 340;
var tamjan = 455;
var tamanho = window.open("","","left=" + esquerda + ",top=" + topo + ",width=1,height=1,scrollbars=yes");
for (sizeheight = 1; sizeheight < tamlar; sizeheight += velocidadev) {
tamanho.resizeTo("1",sizeheight );}
for (sizewidth = 1; sizewidth < tamjan; sizewidth += velocidadeh) {
tamanho.resizeTo(sizewidth+6,sizeheight );}
tamanho.location = endereco;}
else
window.location = endereco;}
</script>

Na na figura (é uma lupa q. faz ampliar a imagem ao lado)

<a href="images/Fotos_ampliadas/Aro.jpg" onClick="janelanimada('images/Fotos_ampliadas/Aro.jpg');return false;"><img src="images/Gif/zoomin_1.gif" width="25" height="25" border="0"></a><br>


Agradeço a ajuda Giselecn.



------------------------------------------------------------------------------------------------------------------------------------------------------

Amigo, me desculpe mas eu estava lendo as informações acima, elas me interessaram, porem eu não estou conseguindo determinar o tamanho da janela que se abre, fica sobrando espaço em branco na pagina maior que a foto, quero que a pagina seja do tamanho da foto, você pode me ajudar?????

0

#9 User is offline   Giselecn 

  • Group: Membros
  • Posts: 511
  • Joined: 13-July 05

Posted 07 February 2007 - 02:53 PM

QUOTE(Giselecn @ 19/1/2007 12:01:41) View Post
Teste isso:



&lt;script language="JavaScript">

function abrir(URL) {

var width = 500;
var height = 400; >> Nesses parametros vc muda o tamanho da pop-up

var left = 99;
var top = 99;

window.open(URL,'teste', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=no, status=yes, toolbar=yes, location=yes, directories=yes, menubar=yes, resizable=yes, fullscreen=no');

}

</script>

<a href="java script:abrir('http://img209.imageshack.us/img209/8342/imagembn6.jpg');">Clique Aqui</a>



Tem outro efeito muito legal, dá uma olhada:

http://www.dynamicdrive.com/dynamicindex4/...tbox2/index.htm


0

#10 User is offline   Eulelis 

  • Group: Membros
  • Posts: 4
  • Joined: 07-February 07

Posted 07 February 2007 - 02:59 PM

Amigo eu quero usar o codigo abaixo, que dá aquele efeito ao abrir a foto, é aí que não consigo! Abrir a foto com aquele efeito e deixar a janela exatamente no tamanho da foto.


<head>
&lt;script LANGUAGE="JavaScript">
function janelanimada(endereco) {
var velocidadev = 10;
var topo = 90;
var esquerda = 80;
var velocidadeh = 10;
if (document.all) {
var tamlar = 340;
var tamjan = 455;
var tamanho = window.open("","","left=" + esquerda + ",top=" + topo + ",width=1,height=1,scrollbars=yes");
for (sizeheight = 1; sizeheight < tamlar; sizeheight += velocidadev) {
tamanho.resizeTo("1",sizeheight );}
for (sizewidth = 1; sizewidth < tamjan; sizewidth += velocidadeh) {
tamanho.resizeTo(sizewidth+6,sizeheight );}
tamanho.location = endereco;}
else
window.location = endereco;}
</script>

Na na figura (é uma lupa q. faz ampliar a imagem ao lado)

<a href="images/Fotos_ampliadas/Aro.jpg" onClick="janelanimada('images/Fotos_ampliadas/Aro.jpg');return false;"><img src="images/Gif/zoomin_1.gif" width="25" height="25" border="0"></a><br>
0

#11 User is offline   Giselecn 

  • Group: Membros
  • Posts: 511
  • Joined: 13-July 05

Posted 07 February 2007 - 03:35 PM

modifique então.. :
var tamlar = 340;
var tamjan = 455;
0

#12 User is offline   fabinhogv 

  • Group: Membros
  • Posts: 89
  • Joined: 18-January 07

Posted 07 February 2007 - 03:51 PM

isso esta sendo feito aonde dou frontpage
0

#13 User is offline   fabinhogv 

  • Group: Membros
  • Posts: 89
  • Joined: 18-January 07

Posted 07 February 2007 - 03:52 PM

e q so novo no dw

e nao seimuito ainda
0

#14 User is offline   fabinhogv 

  • Group: Membros
  • Posts: 89
  • Joined: 18-January 07

Posted 07 February 2007 - 03:53 PM

desculpa muuitos post gostaria da macima informaçao o possivel me ajudem meu msn estat no meu perfil me cadastrem plis
0

#15 User is offline   fabinhogv 

  • Group: Membros
  • Posts: 89
  • Joined: 18-January 07

Posted 07 February 2007 - 03:55 PM

nossa esse e o ultimo me descupem e q eu quero pedir desculpas por mandar posts de menos de 1 em um minutos,e fazer essas perguntas e q estou precisando muito memso,me desculpem gisle c quiser pode me chamar a atençao eu entendo
0

#16 User is offline   Eulelis 

  • Group: Membros
  • Posts: 4
  • Joined: 07-February 07

Posted 07 February 2007 - 04:05 PM

QUOTE(Giselecn @ 7/2/2007 15:02:39) View Post
modifique então.. :
var tamlar = 340;
var tamjan = 455;


----------------------------------------------------------------------------------------------

Cara, mesmo alterando isso não da certo, a pagina continua abrindo sempre do mesmo tamanho e a foto de outro...
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies fotos de site em navegadores Flash & ActionScript McBAST 
  • 0 Replies
  • 198 Views
New Replies Duvida
Foto 		Photoshop & Image Ready dtq 
  • 9 Replies
  • 1608 Views
New Replies Levar Id Do Registro Para Nova Janela Redimensionada ASP mvz 
  • 0 Replies
  • 762 Views
New Replies Um resize de imagem.
Com imagecopyresized - Quase funciona. 		PHP cerjo 
  • 2 Replies
  • 1037 Views
New Replies Feira exibe de celular à prova d'água até retocador de fotos Notícias Notícias 
  • 0 Replies
  • 196 Views
New Replies Busca por imagem é o serviço que mais cresce......
WNews 		Notícias TiTi Celestino 
  • 0 Replies
  • 333 Views
New Replies a_Como transferir uma imagem do Corel para o Photoshop
a_Transferência de Imagens 		Corel Draw skyphill 
  • 1 Reply
  • 2540 Views
New Replies redimencionar imagem...
pelo seu tamanho 		Flash & ActionScript ®odrigo_$am 
  • 0 Replies
  • 536 Views

Publicidade

2 User(s) are reading this topic
0 membro(s), 2 visitante(s) e 0 membros anônimo(s)