Simples, Leve, Luz Cross Browser para o seu site
Não que há apenas alguns LIGHTBOX do que você pode encontrar quando você google. O problema com a maioria das mesas de luz que eu encontrei foi a de que todos pareciam usar um ou os outros quadros de peso pesado javascript como jQuery, Prototype, MooTools e os gostos. Eles são tudo fresco e ostentoso procurando. Mas se a sua exigência é "MAS EU QUERO UM SCRIPT LIGHTBOX simples e leve para o meu site", então aqui está;
Algumas características interessantes desta mesa de luz
- Muito claro
uma. 4kb de Scripts quando embalados (8 kb descompactado)
b. 2 kb de CSS
c. Poucas linhas de código HTML para o recipiente lightbox - Simples de entender e implementar
- Pode ter Lightboxes múltiplos na mesma página.
- O recipiente de área de luz mesmo é usado para mostrar, teor diferente (o qual é separadamente incluído como divisões escondidos na página), dependendo da ligação / opção que é clicado.
- Automaticamente centra-se, levando em consideração todos os fatores, tais como, altura e largura da janela (resolução de tela), a quantidade de rolagem e página a altura de o conteúdo da coleção
- Testado no IE 7 e FF
Veja o Demo |
Baixar Zip Fonte Luz (Transferido 1804 vezes)
Usando a coleção [arquivos no arquivo zip]
jo.js e jo_pack.js [versão] embalado: - um conjunto simples de JAVASCRIPT OBJETOS [JO], que contém janela elemento, e scripts de posicionamento de documentos. Você pode abrir JO.JS se quiser sujar as mãos com algum Javascripting avançada, a criação de funções abstratas, estendendo-se as propriedades do elemento e tal. Se você não demasiado, em Javascripting, Deixe-o sozinho.
lightbox.js, lightbox_pack.js [versão cheia]: - Conter os scripts gerente caixa de luz. Se você é designer da página, também responsável com a implementação do lightbox na página, você precisa entender o LightBoxManager. LightBoxManager contém basicamente apenas duas funções showLightBox e closeLightBox.
lightbox.css: - Se você conhece CSS, você pode brincar com lightbox.css para personalizar o look-n-se sentir lightbox.css
index.html: implementação de exemplo da mesa de luz com dois conteúdos diferentes
lb_underlay_bkg.png: - Este é luz / simi imagem transparente que é utilizado o fundo para o underlay coleção [Underlay é a camada abaixo do lighbox, que impede que o usuário clicar em qualquer outra entidade na página, enquanto que a coleção está aberta]. É possível utilizar qualquer imagem ou mesmo uma cor sólida para este fim, dependendo do desenho de página eo requisito.
icon_lb_close.gif: - A imagem de alça lightbox perto no canto superior direito da caixa de luz. Pode usar qualquer imagem como por o projeto
Veja o Demo |
Baixar Zip Fonte Luz (Transferido 1804 vezes)
Por favor, vamos ter os seus comentários e feedback ...
