Jump to content
Fórum Script Brasil
  • 0

Me Ajudem!

Guest helen1001

Asked by Guest helen1001,

 Share

Question

Guest helen1001

Guest helen1001

Posted
Posted

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 to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0
AnaoScript

AnaoScript

Posted
Posted

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 to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing


  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...