วิธีทำให้ Background Image ไม่เลื่อนไปไหน ทั้งใน IE และ Firefox, Netscape
เรื่องของ Background คงจำกันได้ว่ามีหลายๆ ท่านได้พูดถึงกันไปแล้ว ว่าจะทำอย่างไร ถึงจะให้ภาพของเรามาเป็นภาพ Background ของ Bloggang ได้ ..

ผมขอทวนละกันนะครับ ว่าจะเอาไฟล์ภาพของเรา (หรือของผู้ใจบุญ) มาเป็น Background ได้อย่างไร .. นี่ครับ

<script>
   document.body.background="//www.ขอให้รวยขอให้รวย.com/folder/myBackground.jpg";
</script>


ง่ายๆ เท่านี้ล่ะครับ แล้วก็เอา code ตรงนี้ไปไว้ที่ Profile นะครับ แค่นี้ Bloggang ของเราก็มี Background แล้ว


เดี๋ยวๆๆๆ ... ยังไม่จบครับ ยังไม่ได้พูดถึงหัวข้อที่ผมเกริ่นเลย .. คืออย่างนี้ครับ กรณีนี้จะเกิดกับรูปใหญ่ๆ ที่ทำมาค่อนข้างพอดีกับหน้าจอ ไม่ใช่ชิ้นเล็กๆ แล้วให้มันวนไป ซึ่งแบบนั้นมันจะต่อกันเอง .. อย่างนั้นมันเป็น Pattern แต่ถ้ารูปใหญ่อย่างว่า มันจะเริ่มมีปัญหาแล้วครับ ... ปัญหาก็คือ ...


เมื่อ Scroll ลงมา ภาพมันจะเลื่อนมาด้วย!! โอ๊ะพลาดซะแล้วววว .. (บางคนรีบเอาเมาส์มารูด scroll bar กันเลยเชียว อิอิ)


สำหรับปัญหาอันนี้นะครับ เราแก้ไขได้ด้วยการเพิ่มคำสั่งนี้ลงไป

<script>

   document.body.bgProperties="fixed";
</script>


แค่นี้ภาพ background ของเรามันก็ไม่เลื่อนแล้วครับ ... โอเยสสสสสสสสส



เอ๊ะ!! .. เดี๋ยวๆๆๆๆๆ ตัวอย่างข้างบนนั่นมันใช้ได้เฉพาะเครื่องที่ดูด้วย Internet Explorer นี่นา (วินมอเตอร์ไซค์ปากซอยเรียกย่อๆ ว่า IE) แต่เดี๋ยวนี้มี Browser หลายตัวมาก ที่นิยมกันหนักในตอนนี้คือ Firefox ครับ ซึ่ง firefox เจอคำสั่งนี้ก็ใบ้ไปเลยครับ ไม่สนใจเลย เพราะอะไรเหรอครับ เพราะ bgProperties ที่เราใช้น่ะ มันไม่ใช่มาตราฐานน่ะสิครับ มันเป็นสิ่งที่ Microsoft กำหนดขึ้นมาเองต่างหาก ดังนั้น Browser ตระกูล Mozilla เช่น Netscape หรือ Firefox จะเมินอย่างไม่มีเยื่อใยกันเลยล่ะ


แล้วเราจะทำยังไงกับเครื่องที่เปิดดูด้วย Firefox และ Netscape กันดีล่ะ?

ปัญหานี้ มีหลายคนบ่นๆ ให้ได้ยินกันอยู่เหมือนกันครับ เพราะว่าที่ทำกับ IE ก็นึกกันว่ามันจะ OK นะคะ กันซะแล้ว แต่ที่ไหนได้ มันไม่ได้ดั่งใจกันเอาซะเลย ... แต่.. ไม่ยากครับ เราก็เอาสิ่งที่เป็นมาตราฐานมาใช้สิครับ ซึ่งก็คือเอา Style Sheet มาใช้งานนั่นเองครับ.. ดังนี้ครับ

<style>body{

   background-attachment: fixed;
}
</style>



เอา code ข้างบนเพิ่มเข้าไปนะครับ ตัวข้างบนนี่ไม่ใช่ Javascript เหมือนอย่างที่ IE ใช้ แต่เป็น CSS ที่เป็นมาตราฐาน ดังนั้นทั้ง Netscape และ Firefox จะยินยอมและอ่อนเป็นเทียนลนไฟกันเลยล่ะครับ


เอ้า .. ลองทำกันดูนะครับ ใครทำสวยๆ แล้วเอามาอวดกันบ้างนะครับ ช่วงนี้ผมไม่ค่อยได้ไปดู blog คนอื่นเท่าไหร่ เพราะช่วงนี้ทำงานตัวเป็นขนกันเลยล่ะครับ .. อิอิ

ปล. บทความเกี่ยวกับ Javascript และ CSS ที่เรียกใช้งานจากภายนอก Blog คลิกอ่านได้ที่นี่ครับ เพราะเพื่อนๆ บางคนอาจจะต้องการทำเป็นไฟล์ต่างหาก และเรียกใช้จากข้างนอก blog ครับ



Create Date : 31 มีนาคม 2548
Last Update : 31 มีนาคม 2548 3:13:03 น.
Counter : 6715 Pageviews.

40 comments
สวัสดีปีใหม่ ๒๕๖๗ มาช้ายังดีกว่าไม่มา
(2 ม.ค. 2567 07:30:30 น.)
สวัสดีปีใหม่ ๒๕๖๗ มาช้ายังดีกว่าไม่มา
(2 ม.ค. 2567 07:30:30 น.)
พบเจอภาพอะไร? ส่วนหนึ่งของภาพน่าสนใจจึงตัดมาใช้ คุกกี้คามุอิ
(1 ม.ค. 2567 03:56:23 น.)
ไม่ลอดช่องโหว่ ปัญญา Dh
(2 ม.ค. 2567 13:44:30 น.)
  
ไม่เลื่อนแล้วคับ เย้ๆ

ชอบ bg จัง เก๋ดี
โดย: THE BEGINNING วันที่: 31 มีนาคม 2548 เวลา:3:35:57 น.
  
อันนี้มันเลื่อนในจิ้งจกไฟอ่ะค่ะพี่กึ่ง
โดย: Nutjung วันที่: 31 มีนาคม 2548 เวลา:4:13:07 น.
  
ใช้อยู่ได้สักพักแล้วค่ะ
พื้นหลังใหม่สวยเรียบดีจังค่ะ
โดย: V-FAN วันที่: 31 มีนาคม 2548 เวลา:5:10:07 น.
  
อิอิอิ น้ากึ่งไหนว่าจะคงความขลังไงน้าคับ เปลี่ยนซะแล้วเหรอออออ
โดย: รำเพย วันที่: 31 มีนาคม 2548 เวลา:5:45:19 น.
  
ว้าววว Theme ใหม่ ไฉไล กิ๊บเก๋ วัยรุ่นมากๆคร้าบ
โดย: หมาร่าหมาหรอด วันที่: 31 มีนาคม 2548 เวลา:7:33:20 น.
  
คราวก่อนโน้นเพื่อนให้โค้ดมาหงะค่ะ

ยาวมั๊ก ๆ ๆ



ปล. bg สวยแปลกตาไปอีกแบบนะทั่น
โดย: น.ส.มารร้าย วันที่: 31 มีนาคม 2548 เวลา:7:59:02 น.
  
บีจีเก๋เชียว
โดย: prncess วันที่: 31 มีนาคม 2548 เวลา:8:13:24 น.
  
ว้าววววส์เปลี่ยนหน้าตาแร้วเหรอ....จ๋วยดีค่ะพี่
โดย: Mu_in_love (Mu_in_love ) วันที่: 31 มีนาคม 2548 เวลา:8:30:35 น.
  
โหย คุณพี่

เราล่ะไม่อยากเข้ามาแถวนี้เลย
เจอ blog ไฮโซๆ แบ่บนี้
อายเลยง่ะ ...
โดย: คุณน้อง อซ. เจ้าของ blog ยาจก IP: 203.151.140.114 วันที่: 31 มีนาคม 2548 เวลา:11:26:38 น.
  
ว๊าว ขอบคุณคร๊าบบบ
โดย: Jumping Monkeyy วันที่: 31 มีนาคม 2548 เวลา:11:43:25 น.
  
อั่นแน่ ทำไรอ่ะ
มีป้ายแปะหัวcommentด้วยเหรอเนี่ย
ไม่ย้อมๆๆ
โดย: หมาร่าหมาหรอด วันที่: 31 มีนาคม 2548 เวลา:12:27:02 น.
  
ความคิดเห็นเก๋มั่กๆๆๆๆ
บ๊อกไฮโซวมั่กๆๆๆๆ

บ๊อกหมาร่าชิดซ้ายๆๆ กิ๊วๆ
โดย: บ่างช่างยุค่า ฮ่าๆ (=p o o k p u i= ) วันที่: 31 มีนาคม 2548 เวลา:12:40:42 น.
  
คห.ที่ 12ที่แวะมาตอบ log
โดย: กลัวที่หนาย วันที่: 31 มีนาคม 2548 เวลา:12:41:01 น.
  
เฮ้ยยย ปุ๋ยดันมาแซง
โดย: กลัวที่หนาย วันที่: 31 มีนาคม 2548 เวลา:12:43:09 น.
  
อิจฉาด้วยยยยยยยยยยยยยยยยยยยยย


ง่ะๆๆ
โดย: ช้อนชาฯ จอมคร่ำครวญ IP: 203.154.25.149 วันที่: 31 มีนาคม 2548 เวลา:12:56:09 น.
  
คุณกึ่งยิงกึ่งผ่านครับ ผมขอ Back Ground สีฟ้า ๆ อันเก่าที่ผ่านมาของคุณได้ไหมครับ สวยดีอ้ะครับ พอดีพึ่งเป็นมือใหม่หัดทำบล็อก ส่งมาได้ที่ ohmpanuphan@hotmail.com
โดย: ohmpanuphan (SNOOPPY ) วันที่: 31 มีนาคม 2548 เวลา:13:25:57 น.
  
Bg สวยมากครับ ^^
โดย: <Strawberry Milk Shake> วันที่: 31 มีนาคม 2548 เวลา:14:10:22 น.
  
เย้ ตอบมั่ง อยากได้ที่คาดหัว อิอิ

ชอบ Background เดิม มากกว่าค่า
โดย: Together In 80s Dream วันที่: 31 มีนาคม 2548 เวลา:14:24:01 น.
  
kljjkik
โดย: jjk IP: 61.91.167.180 วันที่: 31 มีนาคม 2548 เวลา:15:22:46 น.
  
ยินดีด้วยค่ากับรางวัลที่ได้

ไม่อยู่ไม่กี่วัน เทคนิคใหม่ๆ เพียบ

ขอบคุณค่ะ ^^ ...
โดย: ขอบคุณที่รักกัน (blueberry_cpie ) วันที่: 31 มีนาคม 2548 เวลา:17:59:01 น.
  
เทห์มากเลยคะ ..
ขอขอบคุณความรู้ที่มอบให้คะ ..
ขออนุญาตAddนะคะ ..


ขอขอบคุณด้วยความจริงใจอีกครั้งคะ ..
โดย: หนี่หนีหนี้ วันที่: 31 มีนาคม 2548 เวลา:18:57:46 น.
  
themeสวยค่ะพี่กึ่ง^^
มีนับจำนวนคอมเม้นท์ด้วย ว๊าวๆๆ
โดย: ซินเด๋อเหลอหลา วันที่: 31 มีนาคม 2548 เวลา:19:37:44 น.
  
theme หน้าตาสวยงาม
เจ๋งงงงงงง
โดย: Where is the Love ? วันที่: 31 มีนาคม 2548 เวลา:22:11:42 น.
  




ขอบคุณมากนะคะ
จะพยายามนำไปใช้ให้ได้ค่ะ

…กุชชี่กับเวจจี้ยินดีต้อนรับนะคะ…

Gucci & Veggie


++จิ้มนู๋เลยก๊ะ++
โดย: ถั่วแดงเย็น วันที่: 31 มีนาคม 2548 เวลา:23:44:23 น.
  
ขอบคุณมั่กๆค่ะ เดี๋ยวลองทำดูมั่งดีกว่า
โดย: อพันตรี (อพันตรี ) วันที่: 1 เมษายน 2548 เวลา:0:27:08 น.
  
ขอบคุณค๊า
โดย: yadegari วันที่: 1 เมษายน 2548 เวลา:0:41:22 น.
  
มาขอบคุณค่ะ

แต่ยังไม่มีเวลาเอาไปใช้เลยง่ะ

มีเวลาเยอะๆ เมื่อไหร่ จะแวะมาขอไปใช้อีกรอบนะค้า
โดย: สาวไกด์ใจซื่อ วันที่: 1 เมษายน 2548 เวลา:11:56:31 น.
  
โหพี่กึ่ง เก่งแล้วยังใจดีด้วยอ่ะ

น่ารักที่สุดเล้ย
โดย: umae วันที่: 1 เมษายน 2548 เวลา:22:52:02 น.
  
อิอิ ก๊อบๆๆๆๆ ลัลล้า~*
โดย: * ค น พ เ น จ ร * วันที่: 1 เมษายน 2548 เวลา:22:55:01 น.
  
ขอบคุณมากๆค่ะ
โดย: โลกส่วนตัว วันที่: 1 เมษายน 2548 เวลา:23:12:40 น.
  
ขอบคุณห้าพันครั้งครับ ครั้งที่หนึ่ง ครั้งที่สอง ครั้งที่สาม........ครั้งที่สี่พันสี่ร้อยเก้าสิบเก้า......ครั้งที่ห้าพัน
โดย: yyswim วันที่: 2 เมษายน 2548 เวลา:0:47:28 น.
  
เข้ามาเยี่ยมตามเคยครับ
...ชอบ กีต้าร์จัง ไม่รู้ใช่ les paul ของจริงเปล่านะครับนั้น 5555
โดย: MooG.G วันที่: 2 เมษายน 2548 เวลา:17:24:48 น.
  
โอ้ย...ไม่ไหว ตอนนี้สมองไม่สามารถแล้วครับ

แต่ Blog นี้มีประโยชน์มากเลย

อยากบอกว่า คุณเก่งจริงๆ

นับถือครับ

โดย: ชยานนท์ วันที่: 2 เมษายน 2548 เวลา:20:09:59 น.
  
.
.
.
ไว้ว่างๆ จะทำใอวดนะน้า
.
.
โดย: d4b IP: 203.151.140.113 วันที่: 3 เมษายน 2548 เวลา:10:54:21 น.
  
มึนตึ๊บบ...
โดย: dont IP: 203.121.149.38 วันที่: 3 เมษายน 2548 เวลา:11:11:00 น.
  
ขอบคุณมากค่ะ ไปทำโดยพลัน
โดย: *+ขอนลอย คอยรัก+* วันที่: 5 เมษายน 2548 เวลา:17:07:28 น.
  
Thx a Lot
โดย: Adct2Luv (addicted to love ) วันที่: 8 เมษายน 2548 เวลา:15:35:26 น.
  
ขอแอดบล้อกนาครับ

ไปเยี่ยมหน่อยครับ
โดย: note-d วันที่: 20 เมษายน 2548 เวลา:9:22:49 น.
  

**มานั่งดูวิธีการใส่โค๊ต อย่างเปิดเผยนะจ้า**

**มีให้ดู คงไม่ว่า ขโมยไปอีกนะจ้า**
โดย: จอมแก่นแสนซน วันที่: 16 กรกฎาคม 2548 เวลา:21:58:46 น.
  
จาวางตรงไหนอ่ะเฮีย คุณน้องทำในdreamweaver มือใหม่ งง ชิบ วอนท่านจอมยุทธ์ช่วยคุณน้องที ฮือๆๆๆๆๆ
โดย: นนนี่ IP: 180.183.51.4 วันที่: 17 ตุลาคม 2552 เวลา:23:45:48 น.
ชื่อ :
Comment :
 *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 

Over.BlogGang.com

กึ่งยิงกึ่งผ่าน
Location :
กรุงเทพ  Thailand

[ดู Profile ทั้งหมด]
 ผู้ติดตามบล็อก : 4 คน [?]

บทความทั้งหมด