[Resolvido] CSS Lightbox

[xShacka 0]

Boa tarde !

Seguinte povo to mechendo no css do Lightbox e nao cunsigo tirar o imagem 1 of 2( no caso quando tem duas imagens aparece quantia de imagens e talz) gostaria de tirar isso e nao consigo :S

 

Obrigado.

[William Bruno 1501]

Uma forma fácil de fazer isso:

#numberDisplay { display: none; }

[Thiago Retondar 18]

Isso não é pelo CSS. É no JavaScript. Faz uma pesquisa no source dele e retira o trecho de código.

 

Por CSS, o que você pode fazer é pegar o spam#numberDisplay e setar um display:none, mas considero uma "solução" feia.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Edit: O Bruno respondeu primeiro. xD

[xShacka 0]

Intao retira qual trecho do codigo e em ql arquivo ?

[Thiago Retondar 18]

Procure. Pesquise na documentação. Pesquise no source por "of', as vezes você pode conseguir mais rápido.

 

Se não está querendo ter muito trabalho, faça aquilo que eu falei (que foi o mesmo do Bruno).

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[xShacka 0]

Não por termuito trabalho coloquei aquilo q o Bruno disse e nao deu certo ;/

[Thiago Retondar 18]

Alterei aqui pelo Firebug e deu certo. Basta ler um pouco a documentação.

 

Vá no css/lightbox.css, procure por #imageData #numberDisplay e altere para display: none.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[xShacka 0]

rsrsrs digamos que funciono porem nao queria q sumisse a barrinha branca intera e sim so o imagem e a paginação pelo fato de q la vai vir do sistema uma informação da imagem acima ;/

mais obrigado a ajuda.

[Thiago Retondar 18]

Fiz o teste aqui e não sumiu nenhuma barra branca. Apenas o que você queria.

 

Poste uma imagem do seu erro.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[xShacka 0]

Segue abaixo a image.

 

da uma olhada ai Thiago.

mais aquele codigo resolveu sumiu o display branco q eu nao queria,mais foi quase hehe

 

caso quera ver o exemplo

www.meduardo.com.br/krum

clica em edificios e seleciona o vila germania(os outros predios ainda nao possuem as fotos)

 

Como ficou o codigo do css.

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
}
#imageContainer{ 
	padding: 10px; 
}

#loading{ 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: 
	center; 
	line-height: 0; 
}

#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#numberDisplay { display: none; }

#imageContainer>#hoverNav{ 
	left: 0;
}
#hoverNav a{ 
	outline: none;
}

#imageDataContainer{  font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 2em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; 
display: none;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

obrigado.

[Evandro Oliveira 331]

Por favor, mandem essa bronca pro pessoal do JS! kkk.

Fica muito feio fazer gambiarra em CSS sendo que apenas um comentário no .js da lightbox resolveria!

 

Ao invés de APAGAR uma linha, você vai ADICIONAR outra?

Vou tentar dar uma lida na documentação e caçar a linha responsável por tal feito. (mas ainda acho que movendo pra sessão de Javascript a resposta vem mais rápido)

[William Bruno 1501]

tenta trocar o display: none; por

visibility:hidden;

assim você ESCONDE o elemento, sem tirar ele de lá.

 

Provavelmente oque aconteceu, é que a barra sumiu, por estar sem nenhum conteudo.

Uma outra forma de contornar isso, é definir um height para ela, ou algo como padding-bottom para o container da foto.

[BDore 0]

Não tem essa opção no código não? Última vez que usei o lightbox dava pra configurar facinho no JS. Deve ser só comentar uma linha mesmo.

[xShacka 0]

Segue a imagem

 

Quero que suma apenas o que esta em vermelho porque a informação em negrito cinza vem do sistema em flashta funcionando normal somente preciso tirar isso. Tenderam povou ?!

 

Att.

[Evandro Oliveira 331]

Arquivo -> lightbox.js -> remova as linhas: 333 até 338

 

se não estiver muito seguro, basta comentar a linha 336

 

Não esqueça de, lá no topo após as informações de licença, adicionar a notificação de que este não é o arquivo original e foi modificado por você e a funcionalidade

 

uma sugestão:

[...]

Artemy Tregubenko (arty.name) for cleanup and help in updating to latest ver of proto-aculous.

 

 

Note: Not original file. Changes made by xShacka includes:

Images part of set don't displays [image x of y]

 

E, por favor, movam para a área de JS [2]

[xShacka 0]

MAIZAAAAAA EVANDRO OLIVEIRA rsrs

 

valeu brother era isso mesmo que eu tava precisando, viu por isso que imastersé TOP rs

 

obrigado a todos que me ajudaram.

 

Att. Eros Marco Ribeiro

Relativo a flash e design precisando tamo ae.

[William Bruno 1501]

Topico Movido: [Resolvido]

 

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript / DHTML

[xShacka 0]

e ultima pergunta como eu faço pra aumenta a altura da barra branca ?! juro é a ultima coisa :$ aspodkasopd

 

Att. Eros

 

obrigado.