Ir para conteúdo
Fórum Script Brasil
  • 0

Script Showimg


Guest - Wallace -

Pergunta

Guest - Wallace -

Vi em um site a seguinte descrição quando clica para abrir a miniatura da foto javascript:showimg('corsa/corsa168.jpg',540,338,'Imagem') , gostaria de saber como é que faz para abrir as fotos com script e qual o script. Porque no meu site eu faço a galeria na mão, faço a foto pequena e nela boto o link da grande e isso da muito trabalho e fica muito lento confiram http://socadosrr.v10.com.br/encontro1/encontro1.htm

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0
Guest - paulo santos -

Olá,

Entre neste site http://harmware.com/ e baixe o aplicativo pois ele cria uma galeria automaticamente com todos os links. Para usar você deverá ter todas as imagens de que necessita para sua galeria é só indicar a PASTA que deseja!!!!

Muito bom mesmo para o que você deseja... Experimente e ponha aqui sua experi~encia....

Abração

Link para o comentário
Compartilhar em outros sites

  • 0

ai cara eu não sei muito bem o que você quer mas eu tenho um menu de fotos muito legar....

<table border="0" cellspacing="0" cellpadding="3">

<tr>

<td width="76" height="45" align="center"><a href="mns.JPG" target="ampliada">

<img src="mns.JPG" width="81" height="71" border="1"></a></td>

<td width="76" height="45" align="center"><a href="olv.JPG"target="ampliada">

<img src="olv.JPG" width="81" height="71" border="1"></a></td>

<td width="77" height="45" align="center"><a href="dan.JPG" target="ampliada">

<img src="dan.JPG" width="81" height="71" border="1"></a></td>

</tr>

<tr>

<td width="76" height="45" align="center"><a href="gta.JPG" target="ampliada">

<img src="gta.JPG" width="81" height="71" border="1"></a></td>

<td width="76" height="45" align="center"><a href="mus.JPG"target="ampliada">

<img src="mus.JPG" width="81" height="71" border="1"></a></td>

<td width="77" height="45" align="center"><a href="uns.JPG" target="ampliada">

<img src="uns.JPG" width="81" height="71" border="1"></a></td>

</tr>

</table><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

</CENTER>

<iframe style="Z-INDEX: 2;

LEFT: 320px;

POSITION: absolute;

TOP: 200px;

HEIGHT: 300px;

width: 400px;

background-color: #000000; layer-background-color: #000000; border: 1px none #000000"

name=ampliada marginwidth=0 framespacing=0 marginheight=0

src="mns.JPG" frameborder=0

width=450

height=360 id="ampliada"></iframe>

Link para o comentário
Compartilhar em outros sites

  • 0

<script>
  nereidFadeObjects = new Object();nereidFadeTimers = new Object();function nereidFade(object, destOp, rate, delta){if (!document.all)
  return
  if (object != "[object]"){  
  setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
  return;
    }        
  clearTimeout(nereidFadeTimers[object.sourceIndex]);    
  diff = destOp-object.filters.alpha.opacity;
  direction = 1;
  if (object.filters.alpha.opacity > destOp){
  direction = -1;
    }
  delta=Math.min(direction*diff,delta);
  object.filters.alpha.opacity+=direction*delta;
  if (object.filters.alpha.opacity != destOp){
  nereidFadeObjects[object.sourceIndex]=object;
  nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
    }
</SCRIPT>
<script LANGUAGE="JavaScript">
<!--
function PopupImage(img) {
titre="Wallpapers";
w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<script language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='Wallpapers'>");
w.document.write("</TD></TR></TABLE>");
w.document.write("</BODY></HTML>");
w.document.close();
}
//-->
<body bgcolor="#101820" text="#80E9E2" link="#80E9E2" vlink="#80E9E2" alink="#80E9E2">
<a href="javascript:PopupImage('nomedaimagem.jpg')">
<img border="2" style="filter:alpha(opacity=30);" onmouseover="nereidFade(this,100,30,10)" onmouseout="nereidFade(this,30,50,10)" src="nomedaimagem.jpg" width="32%" height="32%">
<script LANGUAGE="JavaScript">
<!-- Begin
var refer=true;
function combo() {               
if (refer) {
  document.all.contents.style.visibility="visible";
  refer=false;
}
else {
  document.all.contents.style.visibility="hidden";
  refer=true;
}
}
</script>

Estou fazendo algo parecido uma pagina pessoal com um album de foto e construi ele com este script em js

É muito bom faz um efeito na imagen quando ela esta pequena

smile.gif

Link para o comentário
Compartilhar em outros sites

  • 0
Guest - Wallace -
ai cara eu não sei muito bem o que você quer mas eu tenho um menu de fotos muito legar....

<table border="0" cellspacing="0" cellpadding="3">

<tr>

<td width="76" height="45" align="center"><a href="mns.JPG" target="ampliada">

<img src="mns.JPG" width="81" height="71" border="1"></a></td>

<td width="76" height="45" align="center"><a href="olv.JPG"target="ampliada">

<img src="olv.JPG" width="81" height="71" border="1"></a></td>

<td width="77" height="45" align="center"><a href="dan.JPG" target="ampliada">

<img src="dan.JPG" width="81" height="71" border="1"></a></td>

</tr>

<tr>

<td width="76" height="45" align="center"><a href="gta.JPG" target="ampliada">

<img src="gta.JPG" width="81" height="71" border="1"></a></td>

<td width="76" height="45" align="center"><a href="mus.JPG"target="ampliada">

<img src="mus.JPG" width="81" height="71" border="1"></a></td>

<td width="77" height="45" align="center"><a href="uns.JPG" target="ampliada">

<img src="uns.JPG" width="81" height="71" border="1"></a></td>

</tr>

</table><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

</CENTER>

<iframe style="Z-INDEX: 2;

LEFT: 320px;

POSITION: absolute;

TOP: 200px;

HEIGHT: 300px;

width: 400px;

background-color: #000000; layer-background-color: #000000; border: 1px none #000000"

name=ampliada marginwidth=0 framespacing=0 marginheight=0

src="mns.JPG" frameborder=0

width=450

height=360 id="ampliada"></iframe>

Amigo gostei muito do seu script estou usando ele até deixei ele com uma nova cara, mais to com um problema porque quando abre logo ele antes de aperta em alguma FOTO o quadrado onde apareçe as FOTOS ta ficando A PAGINA não PODER SER EXIBIDA mais logo quando aperta em alguma ele da não da mais esse problema oque tem que fazer tem que colocar alguma foto primaria ou coisa do genero. Agradeço desde de já.valeuz

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...