ถ้ากำลังงงว่า Lightbox คืออะไรไปดู

ตัวอย่าง http://www.huddletogether.com/projects/lightbox2/

เจ๋งใช่ไหมละ มาดูวิธีติดตั้งกัน

1. Download ไฟล์มาแล้วทำการ แตก Zip มา จะได้ไฟล์มาก็ทำการ Upload เข้าสู่ Server

2. เปิดไฟล์ของเว็บเพจที่ต้องการจะแสดงรูปด้วย? LightBox มาแล้วเอา Code

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

และ

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

3. จากนั้นเราก็แก้ไข Tag HTML <a href> ด้วยการเพิ่ม Attribute rel="lightbox" ลงไปดังเช่น

<a href="images/image-1.jpg" rel="lightbox" title="my caption"><img src="image-1.jpg"></a>

แค่นี้หละง่ายๆใครๆก็ทำกันได้เอาไปปรับปรุงเว็บไซต์ของเราเองให้ดูโดดเด่นมากขึ้น