ต่อไป »

[time999]

พอดีผมเห็นภาพสไลด์เว็บนี้ แบบดูในมือถือ และPC คนละภาพกัน ใครพอจะมีปลั๊กอินทำภาพสไลด์ แบบนี้ได้บ้างไหมครับ ของ Wordpress



ภาพPC


ภาพมือถือ

[time999]

 

[cloudsphere]

เข้ามาช่วยดันครับ อยากทราบเช่นกัน 

[hoke46]

เขาอาจจะไม่ได้ใช้ปลั๊กอินอะไร น่าจะทำรูปไว้สองชุดแล้วใช้ CSS กำหนดว่าให้รูปหนึ่งแสดงบน PC เท่านั้น อีกรูปหนึ่งแสดงบน mobile เท่านั้น
ตัวอย่าง CSS

/*คลาสนี้จะกำหนดให้แสดงเฉพาะบนอุปกรณ์ที่มีขนาดความกว้างมากกว่า 602px ขึ้นไป*/
@media screen and (max-width:602px){
.pc-only
{
display: none;
}
}


/*คลาสนี้จะกำหนดให้แสดงเฉพาะบนอุปกรณ์ที่มีขนาดความกว้างน้อยกว่า 602px ลงไป*/
@media screen and (min-width:602px){
.mobile-only
{
display: none;
}
}