ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programming[html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ
หน้า: 1 [2]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ  (อ่าน 31949 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
hs4twy
สมุนแก๊งเสียว
*

พลังน้ำใจ: 77
ออฟไลน์ ออฟไลน์

กระทู้: 663



ดูรายละเอียด
« ตอบ #20 เมื่อ: 27 มกราคม 2012, 14:36:45 »

background: url("/images/bg.jpg") repeat fixed center top;
margin: 0 !important;
padding: 0;
บันทึกการเข้า

รับติดตั้ง CMS เปิดร้าน และอืิ่นๆ
mSkyline
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 131
ออฟไลน์ ออฟไลน์

กระทู้: 1,472



ดูรายละเอียด
« ตอบ #21 เมื่อ: 27 มกราคม 2012, 14:39:00 »

เท่าที่เคยเจอเทพๆ ก็แบบนี้
http://www.transformersmovie.com/
บันทึกการเข้า

AnyWhereToThai รับขนสินค้าจาก US UK JP KR CN กลับไทย
https://www.facebook.com/AnyWhereToThai
SG14
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 35
ออฟไลน์ ออฟไลน์

กระทู้: 1,398



ดูรายละเอียด เว็บไซต์
« ตอบ #22 เมื่อ: 27 มกราคม 2012, 17:20:20 »

ลองดูครับ ใช่แบบนี้ไหม

*http://www.wimun.com/background


แบบนี้เลยคะ คือไม่ว่าเนื้อหาจะยาวแค่ไหน bg จะ ฟิคอยู่ด้านหลังคะ แล้วแบบทุกจอมองเห็นเหมือนกันคะ ไม่มีขาวๆ
บันทึกการเข้า

SG14
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 35
ออฟไลน์ ออฟไลน์

กระทู้: 1,398



ดูรายละเอียด เว็บไซต์
« ตอบ #23 เมื่อ: 27 มกราคม 2012, 17:20:53 »

เท่าที่เคยเจอเทพๆ ก็แบบนี้
http://www.transformersmovie.com/


แบบนี้เลยคะที่พูดถึง
บันทึกการเข้า

anivox
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 51
ออฟไลน์ ออฟไลน์

กระทู้: 1,012



ดูรายละเอียด
« ตอบ #24 เมื่อ: 27 มกราคม 2012, 17:50:58 »

โค๊ด:
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


แบบนี้ดีที่สุดครับ เบาๆ, เต็มจอ, ย่อขนาดตามขนาด window
« แก้ไขครั้งสุดท้าย: 27 มกราคม 2012, 17:52:43 โดย anivox » บันทึกการเข้า
mumdochata
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 135
ออฟไลน์ ออฟไลน์

กระทู้: 2,654



ดูรายละเอียด
« ตอบ #25 เมื่อ: 27 มกราคม 2012, 17:54:02 »

พื้นหลังไม่เลื่อนใช่ไหมครับ
บันทึกการเข้า

anivox
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 51
ออฟไลน์ ออฟไลน์

กระทู้: 1,012



ดูรายละเอียด
« ตอบ #26 เมื่อ: 27 มกราคม 2012, 17:55:12 »

พื้นหลังไม่เลื่อนใช่ไหมครับ

ถ้าแบบที่ผมบอกคือ เต็มจอ ย่อขนาดตามจอเลย
บันทึกการเข้า
SG14
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 35
ออฟไลน์ ออฟไลน์

กระทู้: 1,398



ดูรายละเอียด เว็บไซต์
« ตอบ #27 เมื่อ: 27 มกราคม 2012, 21:20:48 »

อ้างถึง
html {
   background: url(images/bg.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

เดี๋ยวจะลองนะคะ โค๊ดเดียวกับข้างบนหรือป่าวคะ
ถ้าอันเดียวกันรูปใหญ่มากก็ไม่ได้เหมือนกันคะ
บันทึกการเข้า

anivox
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 51
ออฟไลน์ ออฟไลน์

กระทู้: 1,012



ดูรายละเอียด
« ตอบ #28 เมื่อ: 27 มกราคม 2012, 21:38:06 »

อ้างถึง
html {
   background: url(images/bg.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

เดี๋ยวจะลองนะคะ โค๊ดเดียวกับข้างบนหรือป่าวคะ
ถ้าอันเดียวกันรูปใหญ่มากก็ไม่ได้เหมือนกันคะ

อันนี้มันเป็น css3 (เวอร์ชั่นใหม่จ้า)
บันทึกการเข้า
MeenyFancy
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 208
ออฟไลน์ ออฟไลน์

กระทู้: 1,270



ดูรายละเอียด
« ตอบ #29 เมื่อ: 27 มกราคม 2012, 21:39:30 »

อยากเห็นภาพที่ว่า ทำไมสคริปใช้ไม่ได้
บันทึกการเข้า

TummZ
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 93
ออฟไลน์ ออฟไลน์

กระทู้: 1,346



ดูรายละเอียด เว็บไซต์
« ตอบ #30 เมื่อ: 28 มกราคม 2012, 09:26:35 »

ลองดูครับ ใช่แบบนี้ไหม

*http://www.wimun.com/background


แบบนี้เลยคะ คือไม่ว่าเนื้อหาจะยาวแค่ไหน bg จะ ฟิคอยู่ด้านหลังคะ แล้วแบบทุกจอมองเห็นเหมือนกันคะ ไม่มีขาวๆ


อันนี้เป็นสคลิป jquery ครับ ถ้าอยากได้เดี๋ยวผมอัพโหลดให้
บันทึกการเข้า

xaax
ก๊วนเสียว
*

พลังน้ำใจ: 30
ออฟไลน์ ออฟไลน์

กระทู้: 459



ดูรายละเอียด เว็บไซต์
« ตอบ #31 เมื่อ: 28 มกราคม 2012, 12:22:12 »

ลองดูที่นี่นะครับ http://srobbin.com/blog/jquery-plugins/jquery-backstretch/ น่าจะพอช่วยได้
บันทึกการเข้า

SG14
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 35
ออฟไลน์ ออฟไลน์

กระทู้: 1,398



ดูรายละเอียด เว็บไซต์
« ตอบ #32 เมื่อ: 28 มกราคม 2012, 19:28:21 »

ลองดูครับ ใช่แบบนี้ไหม

*http://www.wimun.com/background


แบบนี้เลยคะ คือไม่ว่าเนื้อหาจะยาวแค่ไหน bg จะ ฟิคอยู่ด้านหลังคะ แล้วแบบทุกจอมองเห็นเหมือนกันคะ ไม่มีขาวๆ


อันนี้เป็นสคลิป jquery ครับ ถ้าอยากได้เดี๋ยวผมอัพโหลดให้


อัพโหลด+วิธีใช้ให้ได้ไหมคะ
บันทึกการเข้า

pawitk
สมุนแก๊งเสียว
*

พลังน้ำใจ: 48
ออฟไลน์ ออฟไลน์

กระทู้: 639



ดูรายละเอียด
« ตอบ #33 เมื่อ: 28 มกราคม 2012, 19:32:18 »

ไม่ค่อยได้ใช้ภาพใหญ่ๆเป็น  BG ส่วนใหญ่ใช้ repeat เอา Tongue
บันทึกการเข้า

ไฟมันดับ ขอกลับไปทำงานประจำแป้บ...
TummZ
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 93
ออฟไลน์ ออฟไลน์

กระทู้: 1,346



ดูรายละเอียด เว็บไซต์
« ตอบ #34 เมื่อ: 28 มกราคม 2012, 23:16:08 »

ลองดูครับ ใช่แบบนี้ไหม

*http://www.wimun.com/background


แบบนี้เลยคะ คือไม่ว่าเนื้อหาจะยาวแค่ไหน bg จะ ฟิคอยู่ด้านหลังคะ แล้วแบบทุกจอมองเห็นเหมือนกันคะ ไม่มีขาวๆ


อันนี้เป็นสคลิป jquery ครับ ถ้าอยากได้เดี๋ยวผมอัพโหลดให้


อัพโหลด+วิธีใช้ให้ได้ไหมคะ

โหลดตามลิ้งค์นี้นะครับ ลองดูครับใช้ไม่ยาก แทบไม่ต้องเปลี่ยนอะไรเลย

*http://www.wimun.com/background/background.rar
บันทึกการเข้า

หน้า: 1 [2]   ขึ้นบน
พิมพ์