Efek Lytebox pada pautan gambar atau pautan web, untuk blog dan laman web

-
Pernahkah anda melihat paparan LightBox, ShadowBox dan seumpamanya di laman2 web atau blog? LyteBox adalah variasi kepada LightBox, ShadowBox, Thickbox dll. Oleh kerana ia adalah kod JavaScript tunggal, maka masalah keserasian dengan framework JavaScript seperti jQuery dan Mootool dapat dielakkan.

Efek lightbox/thickbox pada galeri gambar di laman web Media Sukan.

Lytebox ditulis dari kelas Lightbox yang dimajukan oleh Lokesh Dhakar (http://www.huddletogether.com). Lytebox menyokong paparan gambar tunggal, galeri gambar, slideshow, dan juga kandungan HTML.

Apa yang anda perlu lakukan untuk mengaplikasi Lytebox di blog/laman web anda?

  1. Muat turun fail2 skrip dari http://dolem.com/lytebox/lytebox_v3.22.zip.
  2. Ekstrak dan upload ke pelayan web. Oleh kerana Blogger adalah servis hos blog percuma dan ia tidak menyokong upload fail selain gambar dan video, anda perlu uploadkan fail2 ke mana2 hos web percuma atau berbayar. Google selain menghoskan Blogger, ia juga menghoskan laman web. Servis ini dikenali sebagai Google Site. Layari http://sites.google.com/ dan langgan servis ini jika perlu. Anda perlu upload fail satu per satu melalui browser di Google Site ini.
  3. Masukkan kod berikut ke dalam segmen dokumen HTML anda. Untuk Blogger, jejak segmen dalam template dan masukkan kod ini dalam segmen itu.

    <script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />


  4. Seterusnya masukkan attribut rel pada tag link a, <a href="" ... rel="">. Anda perlu masukkan kod ini secara manual pada pautan gambar atau galeri atau slideshow atau kandungan, setiap kali anda menerbitkan artikel baru.

Contoh Imej Tunggal:
<a href="images/image-1.jpg" rel="lytebox" title="Image Description">
Image #1</a>
Andromeda

Contoh Sekumpulan Imej:
<a href="images/image-1.jpg" rel="lytebox[vacation]" 
title="Mom and Dad">Mom and Dad</a><a href="images/image-2.jpg" 
rel="lytebox[vacation]" title="My Sister">My Sister</a>
Orion Nebula #1 Orion Nebula #2 Orion Nebula #3

Contoh SlideShow (Nota : gunakan kod LyteShow dan bukan LyteBox):
<a href="images/image-1.jpg" rel="lyteshow[vacation]" 
title="Mom and Dad">Mom and Dad</a><a href="images/image-2.jpg" 
rel="lyteshow[vacation]" title="My Sister">My Sister</a>
Jupiter with one of its moons, Io The Milky Way The Pleiades

Contoh Kandungan HTML:
<a href="http://www.google.com" rel="lyteframe" title="Search Google" 
rev="width: 400px; height: 300px; scrolling: no;">Google Search</a>
<a href="catalog1.htm" rel="lyteframe[catalog]" title="Summer Catalog"
>Summer Catalog</a><a href="catalog1.htm" rel="lyteframe[catalog]" 
title="Winter Catalog">Winter Catalog</a>
NOTA : Semua URL lokasi fail skrip dan yang berkaitan hendaklah ditukar dan merujuk kepada lokasi di pelayan anda.

Nota: Apabila menggunakan fitur "Lyteframe", attribut REV digunakan untuk mengawal lebar, tinggi dan skrol tingkap. Jika attribut REV diabaikan, makan secara default lebar/tinggi ditetapkan kepada 400px dan skrol ditetapkan ke auto.

Nota : Sila link fail2 skrip ke lokasi hos web anda sendiri, tolong jangan curi link dari laman web lain.

Rujukan / Terjemahan

Ulasan

Catat Ulasan

Catatan popular daripada blog ini

Kenali Windows 7 : perbezaan antara versi-versi

-
Imej
Windows 7 adalah versi terbaru sistem operasi Windows dari Microsoft. Tidak seperti versi sebelumnya, Vista, Windows 7 menawarkan upgrade tambahan dan mensasarkan keserasian maksimum dengan aplikasi dan hardware yang telah disokong Vista. Agenda utama Microsoft tentang Windows 7 adalah untuk menarik kembali ramai pengguna Windows XP yang menolak Vista. Windows 7 menawarkan peningkatan prestasi yang signifikan ke atas versi terdahulu - terutama Windows Vista dan Windows XP. Ia masih berasaskan kernel Vista, tetapi datang dengan peningkatan prestasi substansial dan shell Windows yang direkabentuk semula, sebuah taskbar baru, dan sistem Account Control (UAC) yang kurang menjengkelkan. Terdapat juga pembaikan dalam rangkaian, khususnya pengenalan kepada sistem rangkaian rumah dikenali sebagai HomeGroup. Version-versi Windows 7 Dengan Windows 7, Microsoft masih lagi menawarkan banyak edisi. Namun, Microsoft dijangkakan memfokuskan pasarannya kepada dua edisi-Home Premium dan Profesional,
Baca lagi

Alamat IP Private vs IP Public

-
Imej
Sebelum kita mulakan perbincangan ini, terlebih dahulu ... alamat IP itu apa? Ya! IP itu apa sebenarnya? Tahukah anda alamat IP itu apa? untuk apa? dan di mana ia digunakan? Yang mana satukah IP? wujud dalam gambar ini? Apa itu IP? Bagaimana sepucuk surat yang akan dikirim kepada anda, akan sampai ke tangan anda? Sudah tentu dengan menggunakan alamat. Begitu juga komputer atau apa2 peranti rangkaian di Internet mahupun dalam rangkaian tempatan LAN. Ia mesti mempunyai alamat tertentu dan alamat ini mestilah unik.  IP adalah singkatan kepada Internet Protocol (protokol Internet). Alamat IP pula adalah satu label bernombor yang diberikankan kepada setiap peranti seperti komputer, printer, sever (juga dikenali sebagai nod) yang dipautkan dalam rangkaian komputer yang menggunakan protokol Internet (IP) untuk komunikasi.
Baca lagi

Resolusi dan saiz gambar digital

-
Imej
Penggunaan kamera digital, smartfon atau apa2 telefon berkamera memudahkan kita mengambil gambar dan terus upload ke internet (facebook, blog, bla, bla...). Tetapi gambar berkualiti tinggi terutama daripada kamera digital begitu tidak sesuai untuk terus di upload ke Internet khususnya laman web atau blog atau FB. Kenapa? Ini kerana saiz fail gambar itu mungkin terlalu besar, dalam beberapa mega byte. Ini akan menyebabkan proses uploading dan loading laman web atau Internet umumnya, akan menjadi perlahan atau sangat perlahan. Kesan ini sangat ketara kepada mereka dengan talian internet perlahan dan talian Internet yang dibebani dengan koata2. Sementara itu jika anda jurugambar profesional, anda mungkin mahu membezakan gambar yang dipaparkan di blog/laman web dengan gambar jualan yang berkualiti tinggi.
Baca lagi