27 de junho de 2011

Efeito: Antes e depois em imagens.

Efeito: Antes e depois em imagens.



Opá, nossa tava meio sumido ein. Pensei até em largar tudo e abandonar o blog, mas apos pensar direito, vocês ainda vão ter que me aturar por um tempo. Então o efeito aqui é para dar um ar bastante profissional a uma postagem onde você queira comparar duas imagens (Exemplo acima). Eu copiei o código de uma imagem que vi no ig, mas funciona no blogger também.

<iframe frameborder="0" height="Altura" scrolling="no" src="http://extras.ig.com.br/infograficos/ferramentas/antesedepois/antes-e-depois.html#%7BcontainerId:%27container%27,width:%27Largura%27,height:%27Altura%27,imageBeforeURL:%27Imagem Antes%27,imageAfterURL:%27Imagem depois%27,labelBeforeText:%27Antes%27,labelAfterText:%27Depois%27,creditImageBefore:%27%27,creditImageAfter:%27%27,legend:%27Zeca%20Camargo%20antes%20de%20come%C3%A7ar%20seu%20regime%20no%20Fant%C3%A1stico%20e%20depois%20de%20perder%205%20kg%27,latitude:%270%27,longitude:%270%27,mapZoom:0,showMap:false%7D" width="Largura"></iframe>
Tá na cara que é para mudar onde está escrito altura e largura pelos valores respectivos (ex. correto 500 ex errado 500 px). E também a URL das imagens que irão aparecer.