บทความทั้งหมดเป็นของ http://www.divland.com และผู้นำมาเผยแพร่ต่อในเว็บไซต์คือ NusZz-*
สำหรับเว็บแกลลอรี่ ที่มีรูปภาพใหญ่ๆ กว่าคนที่เข้ามาจะได้ดูรูปอาจใช้เวลาโหลดนาน เราจะมาเขียน คลาสให้มี ตัวโหลดรูป เหมือน ที่ ajax เค้าใช้กัน แต่เราจะใช้ css อย่างง่ายๆ นี่แหละั
.preload{ background: url(loading.gif) no-repeat 50% 50%; }
คลาส preload จะมี แบ็คกราวน์ อยู่ตรงกลางที่ โดยเราใส่ 50% นั่นคือเลื่อนตามแนวแกน x และ y ตามความกว้างสูง ของรูป การนำไปใช้ใส่ คลาสที่ img เช่น
<img src=”test.jpg” class=”preload”>
ส่วนรูปที่จะใช้ เราทำ gif ง่ายๆ เองก็ได้ ผมมีเก็บไว้
ลิงค์หัวข้อ:
http://dexmore.com/topic/1984 
Web Achieve 
หน้า: 1 
Powered by 