ง่ายๆกับการเปลี่ยนพื้นหลังเว็บเพจแบบอัตโนมัติ
ในโพสต์นี้ ฉันจะแบ่งปันวิธีเปลี่ยนพื้นหลังเว็บของคุณจากลิงก์รูปภาพบนอินเทอร์เน็ตของเว็บไซต์ Unsplash โดยโค้ดด้านล่างนี้จะดาวน์โหลดรูปภาพแบบสุ่มจาก Unsplash ซึ่งเป็นแกลเลอรีรูปภาพยอดนิยมและฟรี นำมาตั้งค่าเป็นพื้นหลังของเว็บ
Style CSS
.background {
background: url("https://source.unsplash.com/random/1920x1080?computer") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100vh;
width: 100%;
z-index: -1;
position: absolute;
}
HTML
<body class="background">
วิธีในการเขียน URL เพื่อค้นหารูปภาพมาแสดง:
1. วอลล์เปเปอร์รายวันแบบสุ่ม
https://source.unsplash.com/daily
2. : สุ่มจากการค้นหา คำ
https://source.unsplash.com/weekly?water
3. ระบุความละเอียดวางไว้หลัง URL พื้นฐาน และตามด้วยคําหลักของธีม
https://source.unsplash.com/1600x900/?nature,water
4. สุ่ม แต่มี ขนาดที่ระบุ
https://source.unsplash.com/random/1920x1080