Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #57 da revista programar. Faz já o download aqui!

miniferreira

ajuda a perceber código js para um lightbox

Mensagens Recomendadas

miniferreira    0
miniferreira

Olá tenho aqui um código que é para desactivar a opção do efeito lightbox do blogger.

<script type='text/javascript'>
  //<![CDATA[
function killLightbox() {
var images = document.getElementsByTagName('img');
for (var i = 0 ; i < images.length ; ++i) {
  images[i].onmouseover=function() {
   var html = this.parentNode.innerHTML;
   this.parentNode.innerHTML = html;
   this.onmouseover = null;
  };
}
}

if (window.addEventListener) {
window.addEventListener('load',killLightbox,undefined);
} else {
window.attachEvent('onload',killLightbox);
}
//]]>
</script>

No entanto não o percebo muito bem. Se me puderem ajduar agradeço muito.

Não percebo para que serve o " images.length"; "this.parentNode"; "addEventListener";  "window.attachEvent"; "onmouseover"; "load" e "onload"

Gostava muito que me ajudasse a perceber o código?

--

Edit(brunoais): titulo alterado.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
softklin    12
softklin

miniferreira, realmente grande parte desses termos encontram-se numa pesquisa com um motor de busca. Se ainda não sabes Javascript, ou não te sentes suficientemente à vontade com ele, recomendo-te a começar na W3Schools.com. Revê o que já souberes, para que não escape nenhum detalhe:

http://w3schools.com/js/default.asp

Respondendo às questões, grande parte das tuas dúvidas prendem-se com eventos. Basicamente, quando um evento acontece, podes indicar que pretendes correr alguma função específica. Nesse caso, o evento "load" (ou onload, no caso do Internet Explorer) acontece quando entras na página (antes de carregar conteúdo). Assim, esse código está configurado para chamar a função "killLightbox()" no arranque da página. Existem outros eventos que podes explorar:

http://w3schools.com/js/js_events.asp

Assim como funções para indicares em que eventos pretendes correr determinado código:

http://www.quirksmode.org/js/events_advanced.html

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora


×

Aviso Sobre Cookies

Ao usar este site você aceita a nossa Política de Privacidade