ajax script lightbox ของแต่งเว็บทำให้เว็บดูดีขึ้น
คำค้นหา: ajax script, ajax script lightbox, lightbox, ของแต่งเว็บ
ajax script lightbox ของแต่งเว็บทำให้เว็บดูดีขึ้น
ajax script lightbox นี้เป็นการนำ Css + JavaScript มารวมกัน ทำให้เว็บมีสวยงามดูมีลูกเล่นขึ้น เจ้าตัว lightbox นี้มันจะเป็นเอฟเฟค ตรง link ไม่ว่าจะเป็นลิงค์ตัวอักษรหรือ ลิงค์รูปภาพ เมื่อเรานำเมาส์ไปคลิกลิงค์นี้ มันจะแสดงรูปออกมาและพื้นหลังของเว็บเราจะเป็นสีดำโปร่งแสง สวยดีครับใครอยากรู้วิธีใช้ ตามมาอ่านต่อด้านในเลยครับ
วิธีในการนำไปติดเว็บไซต์เรานะครับ อย่างแรกเลยนะครับ เราไปดาวน์โหลด script มันมาก่อน Download Script Ajax
เมื่อเราดาวน์โหลดมาแล้วให้แตกไฟล์ก่อนนะครับ จากนั้นก็นำ Foder ที่ดาวน์โหลดไปนี้ไปวางไว้ใน root เดียวกับเว็บไซต์ ต่อไปเป็นขั้นตอนในการเรียกใช้นะครับ อย่างแรกเปลี่ยนชื่อโฟร์เดอร์ก่อนครับเป็น lightbox แล้วกันนะครับ
ให้ก๊อบโค๊ดนี้ไปวางไว้ในแท็ก <HEAD> นะครับ
1 2 | <link rel="stylesheet" href="lightbox/lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="lightbox/lightbox.js"></script> |
ขั้นต่อไปในส่วนของ tag <body> บ้างครับ เราจะให้มันแสดงผลในส่วนไหนของลิงค์ก็นำไปใช้ได้เลยครับให้นำ
1 | rel="lightbox" |
ไปไว้ใน tag <a> นะครับ ตัวอย่างของการทำลิงค์นะครับ
1 2 3 | <a href="http://www.sadung.com" rel="lightbox" ><img src="ajax.jpg" /></a> <a href="http://www.sadung.com" rel="lightbox" title="ajax script"><img src="ajax.jpg" /></a> <a href="http://www.sadung.com" rel="lightbox" title="ajax script">ajax script</a> |
แค่นี้เว็บเราก็ดูดีแล้วครับ
Leave your response!