Nem találtam nekem megfelelő Twitter jQuery plugint, hát írtam egyet.
Implementálás:
Az oldal head részébe illeszük be a legújabb jQuery lib-et (itt megtalálható).
Az oldal head részébe illeszük be a Twttrr javascript-et (itt megtalálható).
Az oldal head részébe illeszük be a Twttrr CSS-jét (itt megtalálható).
Bármilyen DOM elemhez hívjuk meg a függvényt DOM betöltés után. (A Plugin egy ul generálsával kezdődik.)
Az alábbi beállításokat lehet megadni:
username: “pistika” (Twitter felhasználónév)
imgs: true, (Twitter Avatar/Ikonok megjelenítése)
latesttext: true, (Szöveg hozzáadása a lista tetejére: “Legutóbbi Tweet-ek”)
followus: true, (Szöveg hozzáadása a lista tetejére és aljára: “Kövess!” illetve link a @felhasznalonev Twitter profiljára)
tweets: 5 (Megjelenítendő Tweet-ek száma)
Linkek és @nevek linkké alakulnak, alul magyar nyelven mennyi ideje írták meg a bejegyzést, rákattintva az időre meg a egyedi post twitter oldalát hozza be.
Kód példák:
<html><head><title>Twttrr</title><link href="css/jquery.twttrr.css" rel="stylesheet" type="text/css" /><script src="jquery-1.4.3.min.js" type="text/javascript" ></script><script src="jquery.twttrr-0.5.min.js" type="text/javascript" ></script></head><body><script type="text/javascript" >$(document).ready(function() {$('#twitter').tweets({username: "pistika",imgs: true,latesttext: false,followus: false,tweets: 10});});</script><div id="twitter"></div></body></html>
0 Comments.