แนะนำ Popup clearbox แบบที่ใช้ในเว็บเรา เป็น jQuery

วันที่ลง : 21/09/2012 01:45:45   แชร์ :

แนะนำ Popup clearbox แบบที่ใช้ในเว็บเรา เป็น jQuery

มีคนมาถามว่า popup ตัวที่ใช้เป็นตัวไหน  ผมใช้ clearbox 3.7 อยู่  พอดีเว็บเขาเข้าไม่ได้แล้ว ดาวน์โหลดที่นี่แทนละกัน คลิ้กเพื่อดาวน์โหลด
 
วิธีใช้ง่ายมากๆ  ใส่ tag นี้ลงใน head ใช้ได้เลย บรรทัดเดียวพอ อย่าลืมใส่โค้ดเรียก jquery ก่อนล่ะ
<script src="clearbox.js" type="text/javascript"></script>

แล้วก็ดาวน์โหลด clearbox ในเว็บเขาไปอัพโหลด จะมี clearbox.js กับ folder clearbox อัพให้หมด แค่นั้นก็เรียบร้อย
เวลาจะทำ link เปิด popup ไม่ต้องไปสร้าง class อะไรเพิ่มใน tag head ใส่ไปใน tag <a></a> ได้เลย
 
ตัวอย่าง  อันนี้เบสิค
<a href="image.jpg" rel="clearbox" title="Caption"><img src="image_thumbnail.jpg" /></a>
 
ถ้าจะทำให้กำหนดกว้างสูง ใส่ width height ไปด้วย  เวลาใส่คั่นด้วย ,, สองทีนะ
 ตัวอย่าง
<a href="image.jpg" rel="clearbox[gallery='ชื่อgallery',,title='ใส่title',,width=300px,,height=250px]><img src="image_thumbnail.jpg" /></a>
 
จากตัวอย่างจะทำให้เปิด popup ได้ที่ความกว้าง 300 * สูง 250 pixels ถ้ามีหลายรูปในหน้านั้นจะ autoslide ให้ด้วย  เวลาทำ gallery ก็จะมี รูป thumbnail เล็กๆ ที่อยู่ใน gallery เดียวกันโผล่ถ้าเอาเม้าส์ไปวางตรงรูป
 
Tip : ถ้านำไปใส่ใน loop ของ php หรือจะทำให้เกิด thumbnail ได้ รูปที่ทำ popup จะต้องตั้งชื่อ gallery เดียวกันเท่านั้น  gallery จะไม่แสดงบน popup จะแสดง title
ดูตัวอย่างหน้าแรกที่เว็บ phpthai.com ลองคลิ้กตรงรูปโปรแกรม PHPThai Localhost จะเห็นเอง
 
ข้อเสียมีอันเดียว คือไม่สามารถสั่งให้ parent window refresh ได้ ต้องเขียนเพิ่มเอง
 
 


บทความก่อนหน้า
แสดง record จากฐานข้อมูล แบ่งหน้าอัตโนมัติ
บทความต่อไป
แนวทางออกแบบฐานข้อมูล 2 ภาษา จริงๆ กี่ภาษาก็ได้

บทความสงวนลิขสิทธิ์นะ กรุณาอย่า copy ไปแปะ มันไม่ดีต่อความรู้สึก
คุณสามารถเปิดหน้านี้ได้ง่ายๆ ไม่ต้องพิมพ์เอง ด้วยการใช้โปรแกรม QR Reader เพียงสแกนผ่านมือถือหรือ Tablet สแกนไปยัง QR Code

Google Search Ranking

ตรวจสอบอันดับเว็บใน Google เว็บคุณอยู่อันดับไหน ด้วย keywordที่กำหนด

ค้นจาก

Website

Keyword


PHP Captcha Pro 1.0


PHP Code captcha เวอร์ชั่น Pro สุ่มได้ภาษาอังกฤษ ไทย และตัวเลข เลือกสุ่มเฉพาะอย่างได้ สุ่มสีตัวอักษร สุ่มสี background กำหนดความกว้างสูงรูป กำหนดจำนวนตัวอักษรที่สุ่ม เปลี่ยน font ได้ สามารถ Refresh ภาพ โดยไม่ต้อง refresh ทั้งหน้า
จำหน่าย 300 บาท   ดูรายละเอียดเพิ่มเติม
ตัวอย่าง 1
ตัวอย่าง 2

Thaiquick.com

เว็บโฮสติ้ง 500 mb. เริ่มต้นปีละ 1,000 บาท วางกสท Direct admin ลง Linux Centos รองรับ PHP , Mysql บริหารโดยทีมงาน PHPThai.com   www.Thaiquick.com

Responsive Test

Responsive Test จำลองการทดสอบเปิด Web ขนาดหลายหน้าจอ PC กว้างไม่เท่ากัน เปิดบนมือถือหน้าตาอย่างไร ลองทดสอบดู







 
 

↑ Go top