- นี่มันเทคนิก CSS แบบไหนกัน (Google.co.th)-

[Bes]

พวกปุ่มเล็กปุ่มน้อยต่าง ๆ เมื่อดู source ของรูปแล้ว จะเป็นแบบนี้ รวมกันเป็นรูปเดียว



แต่เวลาอยู่ใน Google.co.th หน้าผลการค้นหา แต่ละปุ่มก็จะแยกไปประจำการตามตำแหน่งของมัน

เทคนิคนี้เรียกว่าอะไรครับ เป็น CSS หรืออะไร น่าสนใจ

[New2th]

 

[zankumuro]

CSS 3 รวมรูปทั้งหมดอยู่ในไฟล์เดียวกัน แล้วทำการเรียกเป็น background โดยกำหนดตำแหน่งที่จะแสดง วิธีนี้ช่วยลด Connection ในการดึงรูปลงไปเยอะครับ เพราะมันดึงมาครั้งแรกแค่ครั้งเดียว

เคยพยายามจะทำเหมือนกัน แต่มึนเรื่องตำแหน่ง ยิ่งรวมเยอะๆ ยิ่งมึน

[Bes]

อ้อ ขอบคุณครับ +1 ทั้งสองท่าน

เล่นกันแบบ แกน x แกน y กันเลยเหรอเนี่ย

http://www.w3schools.com/css/pr_background-position.asp

[ratanon]

มีมานานแล้วครับ ช่วยลดการโหลดได้เยอะเลย แต่เขียนให้มันทำงานตามต่ำแหน่งที่ต้องการนี้ซิ กะตรงบ้างไม่ตรงบ้าง

[adaaugusta]

ใช่มีมานานแล้วครับ ยกตัวอย่างง่ายๆ ลองหาโหลด jQuery ดูครับ มันก็ใช้แบบนี้แหละ

พวก CMS บางตัวก็แบบนี้ครับ

[TheBoyzz]

เรียกว่า CSS Sprite

[jiw]

โอ้ว เพิ่งรู้ -*-


เคยไป copy รูปจากเว็บใหญ่ในไทยมา เป็นรูปใหญ่ๆ รวมอยู่รูปเดียวก็สงสัยอยู่เหมือนกัน แต่ไม่ได้หาคำตอบ วันนี้ถึงบางอ๋อละ

[TOOAds.com]

ศึกษาเมนู css ดูครับ ใช้แบบเดียวกัน

[Condothai]

ผมใช้มาสามปีกว่าแล้ว มีมาก่อนหน้าที่ผมจะเริ่มใช้อีกครับเทคนิคแบบนี้

[deadclosed]

เทคนิคนี้ต้องมั่นใจในโค๊ดหน่อย เพราะค่า pixel ในแต่ล่ะบราวเซอร์อาจแตกต่างกัน

[jdseo]

เว็บที่ UIP เยอะๆ ต้องระวังเรื่องการโหลด พอสมควร

แต่เว็บเล็กๆ ของผมก็คงตัดเป็นร้อยชิ้น  

[supachet2526]

เข้ามาเก็บไม่เคยลองใช้เลย

[MaMa.Killer]

เคยคิดจะลอง แต่คิดไปคิดมา ไม่เอาดีกว่า 

[niyata]

มันมีมาตั้งแต่เมื่อไหร่ไม่ทราบ แต่ผมไปเจอ เคสนี้ ที่ apple ดอทคอม

[JVII]

เข้ามาเก็บคับ

[ninehax]

CSS ครับ
background-position

[golfer007]

ใช้ tool ช่วยได้นะครับ

ปกติผมใช้ตัวนี้

โค้ด เลือก ขยาย

http://spriteme.org/

[Sawat_D]

ผมทำใช้แค่เมนูครับ นอกนั้นมึน

[วอนนอนคุก]

http://csssprites.com/ ลองดู ครับ