Simulando uma tag TITLE com FOTO, igual a do site: sxc.hu !!


Salve galera!
tudo bom com vocês ?
Só dando uma observação aqui..
É.. quem leu o artigo anterior sobre EVENTOSConseguirá entender tranqüilamente o desenvolver! coloquei esse POST mas para vocês exercitarem o artigo anterior ..

Está AQUI a DEMONSTRAÇÃO on-line do exercício, e todo seu código explicado abaixo do exemplo.

Resumindo tudo
Como foi falado anteriormente, usamos os EVENTOS. Em questão disso quis mostrar como usar de forma um pouco “criativa”. que dá pra fazer algo bom, com coisas simples! “minha idéia é sempre essa ..”
dúvido que você nunca se perguntou … “Pow! é uma boa idéia, por que niguem nunca pensou nisso antes!”.  Pois é .. não fui eu que tive essa idéia de “TAG TITLE COM FOTO” rsrs*. mas achei bem legal e ví que dava pra fazer, e que era somente EVENTOS, acho que isso fica bem legal por poucas linhas de código.
Sei que existe outras formas de fazer .. Mas está aí nosso EXERCÍCIO de Eventos.
se caso desejar colocar o código em seu site, pode ficar avontade ! ;P

Esclarecendo:

* O que teve de “novo” no código foi o:
.children(“img”) -> que serve para selecionar o filho ex: “<div id=pai> <img src=”imagem.jpg” id=filho></div>”
.attr(“src”) -> retorna o conteudo de src=”imagem.jpg“  | .attr(“id”) -> retorna o id | .attr(‘class’) -> estilo! etc etc ..
*O script ainda não pega as imagens em AJAX .. Mas fico devendo um POST só sobre isso, Prometo que quando eu chegar na aula de AJAX com vocês estarei mostrando ..

O LINK do EXEMPLO on-line

O que me motiva a fazer esses exemplos são os comentários .. ^^
Até o próximo Post !

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Sair / Alterar )

Imagem do Twitter

You are commenting using your Twitter account. Sair / Alterar )

Foto do Facebook

You are commenting using your Facebook account. Sair / Alterar )

Connecting to %s

Seguir

Obtenha todo post novo entregue na sua caixa de entrada.