Ir para conteúdo

Arquivado

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

smilim

lightbox

Por , em Javascript

Recommended Posts

smilim    0

smilim
Postado

Boa noite a todos, estou totalmente perdida em como utilizar o lightbox.

É problema de loira mesmo...peço ajuda a todos que por ventura entendam um pouco melhor que eu onde estou errando ao colocar o codigo.

Ele até esta funcionando, mas em cima da tela do meu site fica o codigo exposto, e nao sei como mudar isso.

Abaixo o codigo da minha pagina em html ( feita no dreamweaver )

Obrigada e aguardo ansiosa por uma resposta.

Desculpe se postei no lugar errado.

Gisele

 

<style type="text/css">

<!--

body {

background-image: url(imagens/green090.jpg);

}

.style6 {

font-size: 9px;

color: #006600;

}

.style1 {color: #006600}

#menu { margin-top: 1px;

margin-right: 0px;

margin-bottom: 1px;

margin-left: 0px;

border-top-width: 2px;

border-top-style: solid;

border-top-color: #800000;

z-index: 0;

}

-->

<style type="text/css">

<!--

#menu {

margin-top: 20px;

margin-right: 0px;

margin-bottom: 5px;

margin-left: 0px;

border-top-width: 2px;

border-top-style: solid;

border-top-color: #800000;

z-index: 0;

}

#menu ul {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 80%;

color: #000000;

background-color: #EEF9F0;

margin: 0px;

padding: 0px;

float: left;

width: 100%;

}

#menu ul li {

display: inline;

}

#menu ul li a {

color: #006600;

text-decoration: none;

background-color: #EEF9F0;

float: left;

padding-top: 0.2em;

padding-right: 1em;

padding-bottom: 0.2em;

padding-left: 1em;

border-bottom-width: 3px;

border-bottom-style: solid;

border-bottom-color: #EEF9F0;

}

#menu ul li a:hover {

color: #6D6D6D;

background-color: #ffffff;

border-bottom-width: 3px;

border-bottom-style: solid;

border-bottom-color: #990000;

}

.style1 {color: #006600}

.style18 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

.style19 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

}

.style20 {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #003300;

font-weight: bold;

font-style: italic;

}

#apDiv1 {

position:absolute;

left:320px;

top:208px;

width:227px;

height:54px;

z-index:1;

}

-->

 

</style>

</style>

 

var loadingImage = 'loading.gif'; //path to the "loading animation" image

var closeButton = 'close.gif'; //path to the "close" button image

 

<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />

<script type="text/javascript" src="lightbox.js">

</script>

</head>

<html>

<body onLoad="MM_timelinePlay('Timeline1')">

<table width="90%" border="2" align="center" bordercolor="#006600" bgcolor="#FAFFF9">

<tr>

<td height="654" valign="top"><table width="100%" border="0">

<tr>

<td valign="top" bordercolor="#006600"> </td>

</tr>

</table>

<table width="100%" border="0">

<tr>

<td width="33%" valign="top"><div align="left">

<p><img src="imagens/logotipo.gif" alt="" width="270" height="140" id="Image1" /></p>

</div></td>

<td width="67%" valign="middle" ><div id="menu">

<ul>

<li><a href="home.html" class="style1">Home</a> </li>

<li><a href="calendário.html" class="style1">Calendário</a> </li>

<li><a href="aniversariantes.html" class="style1">Aniversariantes</a> </li>

<li><a href="reflexoes.html" class="style1">Reflexões</a> </li>

<li><a href="nosso_ambiente.html" class="style1">Nosso Ambiente</a> </li>

<li><a href="album_fotos.html" class="style1"> Fotos</a> </li>

</ul>

<ul>

<li><a href="proposta_ensino.html" class="style1">Proposta de Ensino</a> </li>

<li><a href="cantinho_crianca.html" class="style1">Cantinho da Criança</a> </li>

<li><a href="nossos_parabens.html" class="style1">Nossos Parabens</a> </li>

</ul>

<p> </p>

</div>

<p> 

</p></td>

</tr>

<tr>

<td height="421" colspan="3" valign="top"><table width="100%" border="0" align="center">

<tr>

<td width="114%" height="329" valign="top"><table width="100%" border="0">

<tr>

<td width="16%" height="323" valign="top"><p align="center"><span class="style20">Fotos 2005</span><br>

<span class="style19">Carnaval<br>

Páscoa<br>

Dia das Mães<br>

Festa Junina<br>

Curso de férias<br>

Festa das Nações<br>

Dias dos Pais<br>

Torneio de Judô

Formatura</span></p>

<p align="center"><span class="style20">Fotos 2006</span><br>

<span class="style19">Carnaval<br>

Páscoa<br>

Dia das Mães<br>

Aquário

<br>

Festa Junina

<br>

Passeio ao Batalhão

<br>

Festa Cultural

<br>

Parque da Xuxa<br>

Ultimo dia Aula/Judo<br>

Formatura</span></p>

<p align="center"> </p> </td>

<td width="68%" valign="top"><table width="100%" border="0" align="center">

<tr>

<td height="83" colspan="6" valign="top"><p align="center"><a href="carnaval_2005/01gde.jpg" rel="lightbox" ><img src="carnaval_2005/01.gif" /></a><br>

</p> </td>

</tr>

 

</table></td>

<td width="16%" valign="top"><div align="center"><span class="style20">Fotos 2007</span><br>

<span class="style19">1º Dia de Aula<br>

1ª Reunião dos Pais<br>

Dia da Mulher<br>

Passeio Orquidário<br>

Páscoa <br>

Dia das Mães<br>

Festa Junina<br>

Dia dos Pais<br>

Memorial Santos F.C.<br>

Feira Cultural</span></div></td>

</tr>

</table> </td>

</tr>

</table>

<p align="center" class="style18"><strong>Rua Carlos Gomes, 150 - Campo Grande - Santos<br />

Tel.: (13) 3252.5465</strong></p>

<p align="center"><span class="style18"><strong>E-mail: <a href="mailto:colegioecologia@iron.com.br">colegioecologia@iron.com.br</a></strong></span></p>

</td>

</tr>

</table>

<div align="center"><img src="imagens/imagem.GIF" width="433" height="64" align="baseline" /><img src="imagens/imagem.GIF" alt="" width="417" height="64" /></div>

<div align="center"><span class="style6">Designer by <a href="mailto:gribeiro72@gmail.com">Gisele</a> - Todos os direitos reservados</span></div></td>

</tr>

</table>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

Olá! tudo bem?

 

Bom... no começo você abre uma tag de CSS e depois abre outra sem fechar a anterior, e no final do teu CSS você ta fechando as duas. Isso é um erro.

Outra coisa é que você definiu as variáveis loadingImage e closeButton sem ter aberto uma tag de script antes! Figou jogado e o html não sabe o que é, por isso mostra.

 

Dá uma corrigida nessas coisinhas e vê se funciona! :D

 

BJO!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito