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

Me Ajudem!


Guest helen1001

Pergunta

Guest helen1001

Como eu faço para colocar uma foto no meu blog, porém através de um link, na qual ela (a foto) aparece reduzida (um quadradinho)? Clicando nela, abre uma tela do tamanho da foto, na qual ela aparece?!

Por favor, me ajudem!!! Eu sei que é coisa simples...

Beijos

Helen

e-mail: helen_pereira@hotmail.com

blog: www.caixa-rosa.blogger.com.br

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

Lucki você deve usar internet via radio cara se atualiza a net ainda é lenta e fazer miniaturas é uma otima logica para web mas se você queiser deixar a foto só pequena e abrir uma pop up você faz assim

<img src="endereço" width="200" height="200">

Mas sobre o album de fotografia que eu fiz ta muito feio eu já estou melhorendo sabe eu estou colocando varias opções em baixo e quando click la en cima aparece o numero de fotos daquela seção é altomatico o problema é que queando o botão proximo é assionado sem clickar em um numero da erro eu vou postar o codigo que estou fazendo ams esta em construção

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style>

A:link    { color: #FFFFFF; text-decoration : none;}

A:visited { color: #2F82F8; text-decoration : none;}

A:active  { color: #FFFFFF; text-decoration : none;}

A:hover  { color: #FFFFFF; cursor:crosshair}

body{

background-color: #000000;

}td{

background-color: #000000;

border: 2px ridge #FFFFFF;

}.img_efeito{

filter: Alpha(Opacity=100, FinishOpacity=90, Style=2);

}.logo{

filter: Alpha(Opacity=100, FinishOpacity=10, Style=1, StartX=100, StartY=100, FinishX=100, FinishY=1);

background-color: #111111;

font-family: Serif;

font-size: 23;

color: #20F20F;

}.numero{

background-color: #000000;

font-family: Serif;

font-size: 15;

color: #FFFFFF;

}.botao{

background-color: #000000;

border: 0px;

color: #387387;

font-size: 10;

height: 18;

width: 65;

cursor: hand;

}

</style>

<script language="JavaScript">

<!--

var imagen_op = new Array();

imagen_op[0]= "koe/koe_1.jpg";

imagen_op[1] = "enzo/enzo_1.jpg";

imagen_op[2] = "velozes/brian.jpg";

var end_valor = new Array();

end_valor[0] = "koe";

end_valor[1] = "enzo";

end_valor[2] = "velozes";

var koe = new Array();

koe[0] = "koe/koe_1.jpg";

koe[1] = "koe/koe_2.jpg";

koe[2] = "koe/koe_3.jpg";

koe[3] = "koe/koe_4.jpg";

koe[4] = "koe/koe_5.jpg";

var enzo = new Array();

enzo[0] = "enzo/enzo_1.jpg";

enzo[1] = "enzo/enzo_2.jpg";

enzo[2] = "enzo/enzo_3.jpg";

enzo[3] = "enzo/enzo_4.jpg";

enzo[4] = "enzo/enzo_5.jpg";

enzo[5] = "enzo/enzo_6.jpg";

enzo[6] = "enzo/enzo_7.jpg";

enzo[7] = "enzo/enzo_8.jpg";

enzo[8] = "enzo/enzo_9.jpg";

enzo[9] = "enzo/enzo_10.jpg";

var velozes = new Array();

velozes[0] = "velozes/brian.jpg";

velozes[1] = "velozes/monica.jpg";

velozes[2] = "velozes/pearce.jpg";

velozes[3] = "velozes/suki.jpg";

velozes[4] = "velozes/tej.jpg";

var valor

var ende = ""

function proximo(op,end){

document.img_pri.src = end[op];

valor = op

ende = end

}

function ant(){

if (valor < ende.length && valor > 0){

valor--

document.img_pri.src = ende[valor];

}

}

function pro(){

if (valor < ende.length-1){

valor++

document.img_pri.src = ende[valor];

}

}

//-->

</script>

<title>Album de fotografias</title>

<meta name=GENERATOR" content="MAX's HTML Beauty++ ME">

</head>

<body leftmargin="0" topmargin="0">

<center>

<table border="0" width="300" height="300" cellpadding="0" cellspacing="0">

<tr>

<td class="logo" width="1%" height="1%" colspan="3" align="center">Anão Script - Album de Fotografias</td>

</tr>

<tr>

<form name="form1">

<td width="0%" height="0%"><input type="button" onclick="ant()" name="Anterior" value="&laquo; Anterior &laquo;" class="botao"></td>

<td width="82%" height="1%" align="center"><div id="NF" class="numero" align="center"></dvi></td>

<td width="0%" height="0%"><input type="button" onclick="pro()" name="Proximo" value="&raquo; Proxímo &raquo;" class="botao"></td>

</form>

</tr>

<tr>

<td width="100%" height="100%" colspan="3" style="background-color: #000000"><img src="logo.jpg" name="img_pri" class="img_efeito"></td>

</tr>

<tr>

<td width="1%" height="1%" colspan="3" style="background-color: #000000"><div id="imagens_op"></div></td>

</tr>

</table>

</center>

<script language="JavaScript">

<!--

var img_op = ""

for (i = 0;i < imagen_op.length;i++){

img_op += "<a href='#' onclick='pro_1(end_valor["+i+])'><img src='"+imagen_op+"' width='90' height='50'></a>";

}

imagens_op.innerHTML = img_op;

function pro_1(end){

var end_op = ""

switch(end){

case "koe":

end_op = koe

document.img_pri.src = koe[0];break

case "enzo":

end_op = enzo

document.img_pri.src = enzo[0];break

case "velozes":

end_op = velozes

document.img_pri.src = velozes[0];break

}

var splite = "-"

var NF_valor = ""

for (y = 0;y < end_op.length;y++){

NF_valor += '<a href="#" onClick="proximo('+y+','+end+')"> '+y+' </a>'+splite

if (y == end_op.length-2){

splite = ""

  }

}

NF.innerHTML = NF_valor;

}

//-->

</script>

</body>

</html>

Até mais

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...