Ir para conteúdo

POWERED BY:

Arquivado

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

cassiano óliver

Probleminha com Lightbox

Por , em Desenvolvimento frontend

Recommended Posts

cassiano óliver    1

cassiano óliver
Postado

implementei o lightbox em um site, ta funcionando quase que perfeito, só o "bloqueio" que não está ocupando toda a tela...

isso só no IE...

no FF ta perfeito...

 

olhem...

VISUALIZEM AQUI

 

Cliquem na imagem do cartaz...

 

Alguém sabe a solução?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

No seu código HTML, no HEAD, temos:

<!-- files lightbox --><link rel="stylesheet" href="LightboxCSS/lightbox.css" type="text/css" media="screen" /><script type="text/javascript" src="LightboxJs/prototype.js"></script><script type="text/javascript" src="LightboxJs/scriptaculous.js?load=effects"></script><script type="text/javascript" src="LightboxJs/lightbox.js"></script><!-- fim --><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link href="CSS/index.css" rel="stylesheet" type="text/css" /><title>Swing Battifun</title>

Experimente incluir o lightbox depois do seu css principal, assim:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link href="CSS/index.css" rel="stylesheet" type="text/css" /><!-- files lightbox --><link rel="stylesheet" href="LightboxCSS/lightbox.css" type="text/css" media="screen" /><script type="text/javascript" src="LightboxJs/prototype.js"></script><script type="text/javascript" src="LightboxJs/scriptaculous.js?load=effects"></script><script type="text/javascript" src="LightboxJs/lightbox.js"></script><!-- fim --><title>Swing Battifun</title>

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

tygo    0

tygo
Postado

E retire o comentário antes do DTD pois com ele o IE entra em quirks mode e isso altera o modo como os elementos são apresentados.Antes do DTD não pode existir nada se não o IE chaveia para quirks mode.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Bem lembrado[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Meu caro cassiano óliver, só para reforçar algumas coisas aqui referente ao código:

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Eu já disse isso lá no fórum de Avaliações, você até está usando o pngfix.js, mas saiba que no IE6 o filtro alpha do PNG não está funcionando... As setas do menu estão com fundo cinza, pelo menos aqui no meu IE6...

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif No meio do seu código encontrei mais de 1 Doctype... Você provavelmente está utilizando includes PHP e esqueceu de retirar toda a "parte de cima" dos arquivos referentes ao conteúdo... Atente-se a isso...

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Veja esse tercho do código:

<p>

<p class="TituloFestaCapa">Ilha Fest Music - Edição Especial de Inverno</p>

<strong>Dia: </strong>13/07/07<br />

<strong>Local: </strong>São Mateus - ES<br />

<strong>Fotos: </strong>11

<p><a href="construcao.php" title="Ver fotos">Veja as fotos</a></p>

</p>

Você está usando <p> como se fosse uma div! Isso não é correto...

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Também temos aqui:

<img src="imagens/FotoDestaque01.jpg" alt="Destaque" title="Ilha Fest Music Especial" border="0" id="ImgFotoDestaque01" />

Todo e qualquer atributo HTML que tenha finalidade de formatar alguma coisa deve ser substituído pelo CSS. Tenha em mente que HTML é sua estrutura. A parte visual (toda e qualquer parte que envolva formatação de algum elemento em sua página) deve ser feito com CSS...

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Neste parágrafo:

<p>A banda teve início entre 3 amigos que curtiam muita swingueira e também eram muito talentosos. Então decidiram formar um grupo, convidando assim outros amigos para formarem uma banda. E que com pouco tempo de formação já escreveram e fizeram composição da música "Dar um Não", que já está tocando em muitas rádios nacionais. É um grupo composto por jovens de grande talento, que por onde se apresentam agradam pessoas de todas as faixar etárias, por serem rapazes carismáticos e que sabem agitar a galera.</p>

Os trechos destacados devem ser substituídos por entidades HTML, para evitar erros quanto à codificação de sua página e dessa forma garantir que seu texto seja exibido sempre da maneira correta...Você perguntou sobre o lightbox, mas achei que fosse importante saber dessas coisas também, ok?

 

E sobre sua pergunta anterior, sim, DTD são os Doctypes, exatamente o trecho que destacou...

 

Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

cassiano óliver    1

cassiano óliver
Postado

hum....realmente, no IE6 não ta funcionando...tem alguma outra solução paulo?Vlw msm pelos toques...vou arrumar isso amanha, to cansado agora hahahhVo aproveitar depois tbm e por o site pra avaliarem o código, pra poder fazer outras melhorias...creio que tem mts coisinhas a serem ajeitadas....----------------------------------------------------------------Sobre o lightbox, retirei as linhas acima do DTD, mas msm assim continua com o "probleminha"...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ernane Ramos    0

Ernane Ramos
Postado

Cassiano..

Quais Fotos que você quer por este Efeito?

Caso seje mais de uma Foto,linke assim:

<a href="aqui_vem_o_endereço_da_foto.jpg" rel="lightbox[roadtrip]"><img src="aqui_vem_a_visualização_miniatura_da_foto" width="mude_o_tamanho" height="mude_o_tamanho" alt="" />
Caso seja uma Foto:

<a href="aqui_vem_o_endereço_da_foto.jpg" rel="lightbox"><img src="aqui_vem_a_visualização_miniatura_da_foto" width="mude_o_tamanho" height="mude_o_tamanho" alt="" />
Espero ter ajudado...

Compartilhar este post

Link para o post
Compartilhar em outros sites

cassiano óliver    1

cassiano óliver
Postado

** RESOLVIDO **

 

Bom pra quem futuramente tiver o mesmo problema, taí a solução...

 

no lightbox.css acrescentei isso:

no inicio do codigo

* {	 margin: 0;	 padding: 0;}

alterei isso tbm...

#overlay {	position: fixed;	top: 0;	left: 0;	z-index: 90;	background-color: #000;}

agora ta 100%...

 

* Ainda não atualizei o site, apenas testei localmente e funcionou!

Compartilhar este post

Link para o post
Compartilhar em outros sites

cassiano óliver    1

cassiano óliver
Postado

Pessoal, to doido já com isso...

no trabalho onde a resolução do computador é 1024 x 768, tava funcionando, testei em casa onde uso 1280 x 1024 o lightbox aparecia todo desconfigurado...

 

Aí tentei mais uma vez, apaguei todos os arquivos do lightbox do meu servidor, e fiz como no site do lightbox recomenda, colocar os arquivos na pasta raiz do site, fiz isso, realmente funcionou...

 

Bom, eu achei que tinha funcionado, no meu pc apareceu certinho, agora aqui no trabalho o "bloqueio" só aparece até o meio da tela, e agora na vertical...

 

Já nao sei o que fazer, se funciona aqui, em casa não funciona e vice-versa.

 

Será que alguem poderia testar e me dizer se está tudo ok?

 

VISUALIZEM AQUI

 

Basta clicar no cartaz...

 

 

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

cassiano óliver    1

cassiano óliver
Postado

Encontrei o erro, só nao consigo resolver...

no meu, o erro é quando a página tem barra de rolagem...

 

no meu site, se clicar no cartaz vai exibir o "bloqueio" somente até onde esta exibindo o site, se descer a barra de rolagem, percebam que não aparece o bloqueio...

se possível, visualizem a página em 800x600 e depois em 1024x768, que vão perceber?

 

deu pra entender?

 

já no site onde peguei o script, funciona normalmente em qualquer resolução...

http://www.huddletogether.com/projects/lightbox/

 

alguma ideia pra ajeitar isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

cassiano óliver    1

cassiano óliver
Postado

Pessoal, acabei de abrir o site aqui em casa e ta funcionando perfeitamente, em qualquer resolução...Por favor, alguém teste aí pra mim, e me diz se ta funcionando ou não...obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Aqui com 1024x768 ta aparecendo certinho, não testei em outras resoluções..[]'s

Compartilhar este post

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

Informação importante

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

  Aceito