GORAGOD.com

freelance, web developer, web designer, hosting, domain name

รบกวนถามเรื่อง image preview

อยากรบกวนถามว่า วิธีทำแกลเรอลี่ เวลาเอาเมาส์คลิกตรงรูปแล้วรูปก็จะโชว์ขึ้นมาเป็นหน้าจอสีดำๆๆ แล้วก็สามารถ คลิกปิดได้
ไม่ทราบว่าเค้าทำยังไงเหรอคะ ถ้าจะนำมาใช้งานร่วมกับ falsh ด้วยอะคะ
14 มิ.ย. 2553 4 1,945

ดาวน์โหลด

Lightbox image viewer

วางโค้ดนี้ระหว่าง <head>....</head>

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

 
ใส่รูปที่ต้องการระหว่าง <body>....</body>

<a href="cat.jpg" rel="lightbox" title="Caption- cute cat!"><img src="cat_thumb.jpg" /></a>
 
อยากเปลี่ยนรูประหว่างรอโหลดภาพไปแก้ที่ lightbox.js

var loadingImage = 'loading.gif'; //รูประหว่างรอโหลดภาพ 
var closeButton = 'close.gif'; //รูปปุ่มปิด


ขอย้ำว่าอย่าโหลดไปพอติดตั้งเสร็จแล้วก็จบแค่ตรงนั้น
ลองศึกษาวิธีการของเค้าเทคนิคของเค้าแล้วเอามาประยุกต์ใช้ด้วย


#1

ขอบคุณมากๆคะ
#2

มีอีกอันครับ เป็น rokbox (กล่องรกๆ) คล้ายๆกับ Lightbox (กล่องแสงคล้ายๆกับกล่องรกๆ -_-") แต่ rokbox สามารถใช้ได้ทั้งกับ ข้อความ ไฟล์เพลง ไฟล์ vdo เป็น popupเว็บไซต์ เปิดรูปภาพ และอื่นๆครับ
แต่จะใช้ด้วยกันกับ lightbox ไม่ได้ (หรือผมใช้ไม่ได้อยู่คนเดียว) และก็ใช้ร่วมกับ jquery ไม่ได้ ลอง link เข้าไปศึกษาดูครับ มีทั้งใช้กับ joomla แล้วก็ โค้ดเองครับ ปล.โดยส่วนตัวใช้ทั้งสองอันสลับกันไปครับ แล้วแต่งาน

http://demo.rockettheme.com/extensions/?extension=rokbox

อย่างที่คุณ  .::{เปรียว}::.  บอกครับ
อย่าโหลดไปพอติดตั้งเสร็จแล้วก็จบแค่ตรงนั้น
ลองศึกษาวิธีการของเค้าเทคนิคของเค้าแล้วเอามาประยุกต์ใช้ด้วย

ก๊อปเลยๆ หุหุ


#3

 อันหลังนี้ สุดยอด อิอิ
#4
ความคิดเห็น
ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 2M
^