Component Pack 1 : HeadlineNet, AccordionNet, LightBoxNet, VideoPlayerNet
Hai hai pa kabar dunia ? hehe...makin asyik yah..
Disela-sela kesibukan boleh donk kita menumpang bagi-bagi.
Kali ini kita kembali dengan oleh-oleh berupa komponen web gratisan :
- 1. HeadlineNet : Headline Scroller
- 2. AccordionNet : Menu Accordion dengan berbagai pilihan jenis
- 3. VideoPlayerNet : FLV Video Player
- 4. LightBoxNet : Image Galleri berbasis LightBox
Apa aza sih kegunaan komponen-komponen diatas ?
HeadlineNet, komponen ini digunakan untuk scrolling content web berupa image, text, dan apapun secara vertical atau horizontal. Lumayan ga tlalu berat kok.
AccordionNet,komponen ini biasanya digunakan untuk menjadi menu navigasi dengan animasi collapse. Biasanya berbentuk Header dan Sub Header. Bisa juga tuk nampung content text atau image, bebas deh...ada 4 jenis tipe accordion ini yaitu :
- 1. AutoSize : ukuran menu ini akan berubah sesuai dengan isinya
- 2. NoAutoSize : ukuran menu ini akan memiliki size yang tetap.
- 3. AutoScrollMenu : Nah animasinya dipicu dengan hovering mouse
- 4. BouncingMenu : Yang ini lucu karena animasinya seperti bola yang memantul
VideoPlayerNet, komponen ini kyna masih blom fix banget. Dikembangin dari komponen "all video player"-nya joomla. Saat ini baru di test nyetel FLV sadja..ya kawan-kawan yang lagi nganggur2 bisa kembangin lagi, monggo...
LightBoxNet, ini popular di kalangan open source mania. Ya kenapa engga kalau ditemplokin juga di ASP.NET biar makin cakep khan...? Hehe. Komponen ini digunakan tuk bikin galeri gambar instan.
Ni sampel cara pakainya :
HeadlineNet:
|
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
string[] arr = getHeadlineData();
Headlines.API.HeadlineNet Scroll1 = new Headlines.API.HeadlineNet();
foreach (string Vals in arr)
{
string FrmtData = "<div style=\"background-color:Black\"><strong><span style=\"color: #ffcc66\">" + Vals + "</span></strong></div>";
Scroll1.AddContent(FrmtData);
}
this.Panel1.Controls.Add(Scroll1);
}
} |
AccordionNet:
|
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
Accordion.API.AccordionNet Scroll1 = new Accordion.API.AccordionNet("Test Menu");
Scroll1.AddChild("Website Berita", "Detik", "http://detik.com");
Scroll1.AddChild("Website Berita", "Kompas", "http://kompas.com");
Scroll1.AddChild("Website Berita", "CNN", "http://cnn.com");
Scroll1.AddChild("Website Sosial", "Friendster", "http://friendster.com");
Scroll1.AddChild("Website Sosial", "Facebook", "http://facebook.com");
Scroll1.AddChild("Website Sosial", "Live Connector", "http://liveconnector.com");
Scroll1.AddChild("Search Provider", "Google", "http://google.com");
Scroll1.AddChild("Search Provider", "Yahoo", "http://yahoo.com");
Scroll1.AddChild("Search Provider", "Bing", "http://Bing.com");
Scroll1.AccordionType = Accordion.API.AccordionNet.AccordionTypes.AutoScrollMenu;
this.Controls.Add(Scroll1);
}
} |
VideoPlayerNet:
|
protected void Page_Load(object sender, EventArgs e)
{
//Vids/RockOn.flv
if (!IsPostBack)
{
string FileMovie = "http://demo.joomlaworks.gr/images/stories/videos/menthe.flv";
VideoPlayers.API.VideoPlayerNet vid1 = new VideoPlayers.API.VideoPlayerNet();
vid1.FileName = FileMovie;
this.Controls.Add(vid1);
}
} |
LightBoxNet:
|
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
LightBox.API.LightBoxNet Scroll1 = new LightBox.API.LightBoxNet();
for(int i=1;i<5;i++)
{
Scroll1.AddImage ("LightBox/Photos/"+i.ToString()+".jpg","Photo "+i.ToString());
}
this.Controls.Add(Scroll1);
}
} |
Makin sukses, makin kreatif !! 