Mensagem # 1 | 8:32 PM 2012-11-26

LightBox é um script de exibição de imagens em uma página atual com uma janela Ajax sem recarregar a página. O LightBox padrão dos sites uCoz é parecido com este:



Você pode editar a aparência padrão do LightBox uCoz usando o guia abaixo. Importante ter conhecimento em JavaScript e CSS. Caso não esteja confiante de suas habilidades com essas tecnologias, não recomendamos fazer isso. Sugirimos que você use as configurações padrão do sistema como o mais ideal.


Para alterar os parâmetros padrão do Lightbox, adicione o seguinte código a parte inferior de todas as páginas do site:
Painel de Controle → Personalizar Design→ Blocos Globais → Parte inferior do site
Code
<script type="text/javascript">
$(document).ready(function(){
$('.ulightbox').fancybox({padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: null, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons : {}}});
});

function _bldCont1(id, indx) {
idarray = 'allEntImgs' + id;
imgar = [];
for (var i=0;i<eval(idarray).length;i++) {
imgar[i] = eval(idarray)[i][0];
}
$.fancybox(imgar,{index: indx, padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: null, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons: {}}});
}
</script>


Você pode editar os seguintes parâmetros padrão:
padding - a largura da moldura branca em volta de uma imagem;
preload - o número de imagens para pré-carregamento;
closeEffect - o efeito do fechamento da janela (elástico, sumir, nenhum);
nextEffect, prevEffect - o efeito de mudar para a próxima / anterior imagem (elástico, sumir, nenhum);
opacity - opacidade de sombreamento, pode ser definido de 0 (totalmente transparente) a 1 (não transparentes);
speedIn, speedOut - o tempo de aparecimento / desaparecimento do sombreamento em milissegundos.

Para alterar o fundo sombreado, adicione a seguinte linha ao CSS:
Painel de Controle→ Personalizar Design → Folhas de Estilo (CSS)
Code
#fancybox-overlay {background: #ff0000 !important;}


#ff0000 - a cor de fundo. Pode ser substituído por uma imagem com o seguinte parâmetro url(/fon.jpg).

Informações mais detalhada pode ser encontrada aqui (em Inglês).

Anexos: 5437061.png (322.3 Kb)