|
หัวข้อ: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: SG14 ที่ 27 มกราคม 2012, 11:09:13 จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ
เช่นมีภาพ 1440* 800 มาเป็น bg แต่อยากให้แสดงผลให้เข้ากับทุก ขนาดคะ ต้องใช้ html อย่างไรคะ หรือจัดด้วย css :wanwan017: หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: jim_no1 ที่ 27 มกราคม 2012, 11:13:02 ไม่เิข้าใจคำถามแฮะ
หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: mSkyline ที่ 27 มกราคม 2012, 11:14:51 ก็จัด css ให้มัน ชิด บน กลาง ครับ
ยิ่งใหญ่ไว้ยิ่งดีครับ เผื่อเจอพวกตั้งขนาดขอไว้สูงๆ แล้วรูปมันจะไปไม่ถึงครับ background: url('xxxx.jpg') top center no-repeat; หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: KINGRPG ที่ 27 มกราคม 2012, 11:20:05 background-size: 100%; มั้งครับ :'(
หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: MeenyFancy ที่ 27 มกราคม 2012, 11:34:39 tyr this
โค๊ด: html {หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: แน่น ที่ 27 มกราคม 2012, 11:37:20 ซุ่มรอจนได้คำตอบ ช่วย จขกท ขอบคุณอีกแรง :wanwan017:
หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: SG14 ที่ 27 มกราคม 2012, 11:43:42 ไม่เิข้าใจคำถามแฮะ คือสมมติมีภาพ bg ขนาด 1440*900 แต่อยากให้ bg อันนี้มันฟิค พอดีกับทุกความละเอียดหน้าจอนะคะ เช่น จอที่บ้านเรา 1280*900 ก้สามารถมอง bg ได้เหมือนกับ 1440*900 อะคะ หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: SG14 ที่ 27 มกราคม 2012, 11:47:24 ยังทำไม่ได้เลยคะ
มีของคุณ MeenyFancy เริ่มใกล้เคียง :wanwan017: หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: TummZ ที่ 27 มกราคม 2012, 12:05:05 ยังทำไม่ได้เลยคะ มีของคุณ MeenyFancy เริ่มใกล้เคียง :wanwan017: หมายความว่า => ถึงแม้จะเปลี่ยนขนาดหน้าจอ ภาพ BG จะต้องไม่เสียสัดส่วนด้วยใช่ไหมครับ หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: MeenyFancy ที่ 27 มกราคม 2012, 12:37:40 ยังทำไม่ได้เลยคะ มีของคุณ MeenyFancy เริ่มใกล้เคียง :wanwan017: โค้ดตัวนั้นไม่รองรับIE ครับ ถ้าเปิดใน chrome/FF จะเวิค แต่ถ้าจะให้ใช้ใน IE ได้ต้องใช้พวก JQuery หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: kobesilk ที่ 27 มกราคม 2012, 12:40:57 ใส่ รูปไปใน html นะครับ ให้ชื่อ class ตรงกับ CSS ของเรา
#img.source-image { width: 100%; position: absolute; top: 0; left: 0; } มันจะไม่ใช่ background ตามทฤษฎี แต่มันคือรูปภาพที่อยู่หลังสุดของเว็บ เพราะงั้นตามทางปฏิบัติ มันคือ background นั่นแหละครับ Ref: http://css-tricks.com/how-to-resizeable-background-image/ Search keyword: css background resize หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: kiraoji ที่ 27 มกราคม 2012, 12:47:09 ไม่เิข้าใจคำถามแฮะ คือสมมติมีภาพ bg ขนาด 1440*900 แต่อยากให้ bg อันนี้มันฟิค พอดีกับทุกความละเอียดหน้าจอนะคะ เช่น จอที่บ้านเรา 1280*900 ก้สามารถมอง bg ได้เหมือนกับ 1440*900 อะคะ ตัวด้านล่างนี้ css3 ผมว่าตัวนี้น่าจะใช่สุด tyr this โค๊ด: html {หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: hiomard ที่ 27 มกราคม 2012, 12:51:52 width="100%"
<img src="/images/xxx.jpg" width="100%"> แบบนี้ป่าว หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: SG14 ที่ 27 มกราคม 2012, 12:55:34 ยังทำไม่ได้เลยคะ มีของคุณ MeenyFancy เริ่มใกล้เคียง :wanwan017: หมายความว่า => ถึงแม้จะเปลี่ยนขนาดหน้าจอ ภาพ BG จะต้องไม่เสียสัดส่วนด้วยใช่ไหมครับ ใช่เลยคะ หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่& เริ่มหัวข้อโดย: SG14 ที่ 27 มกราคม 2012, 12:57:41 ใส่ รูปไปใน html นะครับ ให้ชื่อ class ตรงกับ CSS ของเรา #img.source-image { width: 100%; position: absolute; top: 0; left: 0; } มันจะไม่ใช่ background ตามทฤษฎี แต่มันคือรูปภาพที่อยู่หลังสุดของเว็บ เพราะงั้นตามทางปฏิบัติ มันคือ background นั่นแหละครับ Ref: [url]http://css-tricks.com/how-to-resizeable-background-image/[/url] Search keyword: css background resize แบบนี้่หรอคะ <img class="source-image" src="images/image.jpg" alt="" /> หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: thekoper ที่ 27 มกราคม 2012, 13:12:07 จขกท. ได้แล้ว ส่ง URL มาชมด้วยนะครับ
หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: SG14 ที่ 27 มกราคม 2012, 13:15:50 ตอนนี้คาดว่าจะทำไม่ได้แน่ๆเลยคะเลยตัดสินใจจะ เอา bg repeat x และ y ไว้คะ แล้วตัดภาพอีกไว้ด้านล่างโดยใช้ css วางแทน
bg เราเป็นรูปเมฆด้านบนแล้วมีต้นไว้ด้านล่างนะคะ ตรงกลางเป็นท้องฟ้า หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: TummZ ที่ 27 มกราคม 2012, 14:26:06 ลองดูครับ ใช่แบบนี้ไหม
*http://www.wimun.com/background หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: AbuseMan ที่ 27 มกราคม 2012, 14:29:31 รูป bg ใหญ่ๆ มันทำให้หน้าเว็บโหลดช้านะนั่น
หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: bompople ที่ 27 มกราคม 2012, 14:36:01 width: 100%;
หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: hs4twy ที่ 27 มกราคม 2012, 14:36:45 background: url("/images/bg.jpg") repeat fixed center top;
margin: 0 !important; padding: 0; หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: mSkyline ที่ 27 มกราคม 2012, 14:39:00 เท่าที่เคยเจอเทพๆ ก็แบบนี้
http://www.transformersmovie.com/ หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: SG14 ที่ 27 มกราคม 2012, 17:20:20 ลองดูครับ ใช่แบบนี้ไหม *http://www.wimun.com/background แบบนี้เลยคะ คือไม่ว่าเนื้อหาจะยาวแค่ไหน bg จะ ฟิคอยู่ด้านหลังคะ แล้วแบบทุกจอมองเห็นเหมือนกันคะ ไม่มีขาวๆ หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: SG14 ที่ 27 มกราคม 2012, 17:20:53 เท่าที่เคยเจอเทพๆ ก็แบบนี้ [url]http://www.transformersmovie.com/[/url] แบบนี้เลยคะที่พูดถึง หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: anivox ที่ 27 มกราคม 2012, 17:50:58 โค๊ด: html {แบบนี้ดีที่สุดครับ เบาๆ, เต็มจอ, ย่อขนาดตามขนาด window หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: mumdochata ที่ 27 มกราคม 2012, 17:54:02 พื้นหลังไม่เลื่อนใช่ไหมครับ
หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: anivox ที่ 27 มกราคม 2012, 17:55:12 พื้นหลังไม่เลื่อนใช่ไหมครับ ถ้าแบบที่ผมบอกคือ เต็มจอ ย่อขนาดตามจอเลย หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: SG14 ที่ 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; } เดี๋ยวจะลองนะคะ โค๊ดเดียวกับข้างบนหรือป่าวคะ ถ้าอันเดียวกันรูปใหญ่มากก็ไม่ได้เหมือนกันคะ หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: anivox ที่ 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 (เวอร์ชั่นใหม่จ้า) หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: MeenyFancy ที่ 27 มกราคม 2012, 21:39:30 อยากเห็นภาพที่ว่า ทำไมสคริปใช้ไม่ได้
หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: TummZ ที่ 28 มกราคม 2012, 09:26:35 ลองดูครับ ใช่แบบนี้ไหม *http://www.wimun.com/background แบบนี้เลยคะ คือไม่ว่าเนื้อหาจะยาวแค่ไหน bg จะ ฟิคอยู่ด้านหลังคะ แล้วแบบทุกจอมองเห็นเหมือนกันคะ ไม่มีขาวๆ อันนี้เป็นสคลิป jquery ครับ ถ้าอยากได้เดี๋ยวผมอัพโหลดให้ หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: xaax ที่ 28 มกราคม 2012, 12:22:12 ลองดูที่นี่นะครับ http://srobbin.com/blog/jquery-plugins/jquery-backstretch/ น่าจะพอช่วยได้
หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: SG14 ที่ 28 มกราคม 2012, 19:28:21 ลองดูครับ ใช่แบบนี้ไหม *http://www.wimun.com/background แบบนี้เลยคะ คือไม่ว่าเนื้อหาจะยาวแค่ไหน bg จะ ฟิคอยู่ด้านหลังคะ แล้วแบบทุกจอมองเห็นเหมือนกันคะ ไม่มีขาวๆ อันนี้เป็นสคลิป jquery ครับ ถ้าอยากได้เดี๋ยวผมอัพโหลดให้ อัพโหลด+วิธีใช้ให้ได้ไหมคะ หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: pawitk ที่ 28 มกราคม 2012, 19:32:18 ไม่ค่อยได้ใช้ภาพใหญ่ๆเป็น BG ส่วนใหญ่ใช้ repeat เอา :P
หัวข้อ: Re: [html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ เริ่มหัวข้อโดย: TummZ ที่ 28 มกราคม 2012, 23:16:08 ลองดูครับ ใช่แบบนี้ไหม *http://www.wimun.com/background แบบนี้เลยคะ คือไม่ว่าเนื้อหาจะยาวแค่ไหน bg จะ ฟิคอยู่ด้านหลังคะ แล้วแบบทุกจอมองเห็นเหมือนกันคะ ไม่มีขาวๆ อันนี้เป็นสคลิป jquery ครับ ถ้าอยากได้เดี๋ยวผมอัพโหลดให้ อัพโหลด+วิธีใช้ให้ได้ไหมคะ โหลดตามลิ้งค์นี้นะครับ ลองดูครับใช้ไม่ยาก แทบไม่ต้องเปลี่ยนอะไรเลย *http://www.wimun.com/background/background.rar |