Estou fazendo alguns testes para um sistema que lê tweets para agregar conteúdos e pensei: como fazer para que quando um texto que contenha um link pro Twitpic (por exemplo) exiba a foto?
Primeiro passo: baixe a biblioteca jquery-oembed para o seu projeto.
Imagine que você tenha a seguinte marcação html:
<p class="post">Esse é o teste com <a href="http://twitpic.com/2qabs0">http://twitpic.com/2qabs0</a> sadsa dsaff adsfdsaf dsf sadsa dsaff adsfdsaf dsf sadsa dsaff adsfdsaf dsf sadsa dsaff adsfdsaf dsf</p>
Usando jQuery e essa biblioteca, você pode percorrer todos os p.posts e seus links e para cada um deles, jogar em uma div com classe imgarea o embed
$(" p.post a").each(function() {
$("div.imgarea").oembed($(this).attr("href"));
});
Fontes que podem ser embedadas:
- 5min
- Amazon Product Images
- Flickr
- Google Video
- Hulu
- Imdb
- Metacafe
- Myspace Videos
- Qik
- Revision3
- Screenr
- Slideshare
- Twitpic
- Viddler
- Vimeo
- Wikipedia
- WordPress
- YouTube