ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: Beboyzo ที่ 18 สิงหาคม 2014, 09:34:10



หัวข้อ: ถามหน่อยสิครับ ทำ responsive เว็บ แล้วทำไงให้รูปภาพได้สัดส่วน
เริ่มหัวข้อโดย: Beboyzo ที่ 18 สิงหาคม 2014, 09:34:10
คือ  theme ของ WordPress นะครับ เวลาโหมดโทรศัพท รูปภาพออกมาเน่า มาก เราจะเขียนโค้ดอะไร ทำให้มันออกมาหล่อๆบ่างไหมครับ


หัวข้อ: Re: ถามหน่อยสิครับ ทำ responsive เว็บ แล้วทำไงให้รูปภาพได้สัดส่วน
เริ่มหัวข้อโดย: VadiForte ที่ 18 สิงหาคม 2014, 09:36:45
กำหนดเฉพาะ ความกว้าง หรือความสูง อย่างไดอย่างหนึ่งครับ

ถ้ากำหนดทั้ง 2 อย่างมันจะไม่สวย

หรือไม่ก็ใส่เป็น Max-heigth , Max-width ก็ได้ครับ


หัวข้อ: Re: ถามหน่อยสิครับ ทำ responsive เว็บ แล้วทำไงให้รูปภาพได้สัดส่วน
เริ่มหัวข้อโดย: josephsrawut ที่ 18 สิงหาคม 2014, 09:44:35
แบบนี้ก็ได้ครับ ...

<img src="picture.jpg" style="max-width: 100%; height: auto;">


หัวข้อ: Re: ถามหน่อยสิครับ ทำ responsive เว็บ แล้วทำไงให้รูปภาพได้สัดส่วน
เริ่มหัวข้อโดย: Beboyzo ที่ 18 สิงหาคม 2014, 11:07:27
ขอบคุณครับ ถามเพิ่มเติมอีกนิดนะครับ มันมี Code แบบตัดรูปให้ได้ขนาดไหมครับ แบบว่า พอ ขนาดหน้าจอ 320px ให้ ครอบภาพ ให้เหลือ 320px เหมือนกันอะไรประมาณนี้อ่ะครับ


หัวข้อ: Re: ถามหน่อยสิครับ ทำ responsive เว็บ แล้วทำไงให้รูปภาพได้สัดส่วน
เริ่มหัวข้อโดย: josephsrawut ที่ 18 สิงหาคม 2014, 11:18:00
ขอบคุณครับ ถามเพิ่มเติมอีกนิดนะครับ มันมี Code แบบตัดรูปให้ได้ขนาดไหมครับ แบบว่า พอ ขนาดหน้าจอ 320px ให้ ครอบภาพ ให้เหลือ 320px เหมือนกันอะไรประมาณนี้อ่ะครับ

แบบนี้หรือเปล่าครับ ....

https://wordpress.org/plugins/manual-image-crop

แต่ผมไม่เคยใช้นะครับ


หัวข้อ: Re: ถามหน่อยสิครับ ทำ responsive เว็บ แล้วทำไงให้รูปภาพได้สัดส่วน
เริ่มหัวข้อโดย: sys2528 ที่ 18 สิงหาคม 2014, 11:19:53
ขอบคุณครับ ถามเพิ่มเติมอีกนิดนะครับ มันมี Code แบบตัดรูปให้ได้ขนาดไหมครับ แบบว่า พอ ขนาดหน้าจอ 320px ให้ ครอบภาพ ให้เหลือ 320px เหมือนกันอะไรประมาณนี้อ่ะครับ

แบบนี้หรือเปล่าครับ ....

https://wordpress.org/plugins/manual-image-crop

แต่ผมไม่เคยใช้นะครับ

อันนี้ก็ดูน่าใช้นะครับ


หัวข้อ: Re: ถามหน่อยสิครับ ทำ responsive เว็บ แล้วทำไงให้รูปภาพได้สัดส่วน
เริ่มหัวข้อโดย: chhopster ที่ 18 สิงหาคม 2014, 11:23:03
โค๊ด:
@media only screen and (max-device-width: 320px) {
    img{
         max-width : 320px;
         height : auto; 
}
}

ลองประมาณนี้ครับ


หัวข้อ: Re: ถามหน่อยสิครับ ทำ responsive เว็บ แล้วทำไงให้รูปภาพได้สัดส่วน
เริ่มหัวข้อโดย: esanza.com ที่ 18 สิงหาคม 2014, 11:48:15
ขอบคุณครับ ถามเพิ่มเติมอีกนิดนะครับ มันมี Code แบบตัดรูปให้ได้ขนาดไหมครับ แบบว่า พอ ขนาดหน้าจอ 320px ให้ ครอบภาพ ให้เหลือ 320px เหมือนกันอะไรประมาณนี้อ่ะครับ

โค๊ด:
<style media="all">
img{
max-width:320px;
overflow:hidden;
}
</style>

ลองปรับใช้ดูนะครับ  :wanwan016:


หัวข้อ: Re: ถามหน่อยสิครับ ทำ responsive เว็บ แล้วทำไงให้รูปภาพได้สัดส่วน
เริ่มหัวข้อโดย: Beboyzo ที่ 18 สิงหาคม 2014, 12:00:28
ขอบคุณทุกคนนะครับ ตอนนี้ ภาพ หล่อขึ้นเยอะ


หัวข้อ: Re: ถามหน่อยสิครับ ทำ responsive เว็บ แล้วทำไงให้รูปภาพได้สัดส่วน
เริ่มหัวข้อโดย: ShizzK ที่ 18 สิงหาคม 2014, 13:57:07
ผมใช้ theme ของ genesis ที่เป็น responsive อะครับ ไม่รู้ว่ารูปภาพพวกนี้มันจะโอเคไหม

แล้วเราเอาโค๊ดที่แนะนำมาไปใส่ตรงไหนเหรอครับ เพื่อให้รูปภาพทั้งหมดแสดงออกมาสวยงามครับ


หัวข้อ: Re: ถามหน่อยสิครับ ทำ responsive เว็บ แล้วทำไงให้รูปภาพได้สัดส่วน
เริ่มหัวข้อโดย: Beboyzo ที่ 18 สิงหาคม 2014, 17:22:17
ผมใช้ theme ของ genesis ที่เป็น responsive อะครับ ไม่รู้ว่ารูปภาพพวกนี้มันจะโอเคไหม

แล้วเราเอาโค๊ดที่แนะนำมาไปใส่ตรงไหนเหรอครับ เพื่อให้รูปภาพทั้งหมดแสดงออกมาสวยงามครับ

ผมคิดว่า Theme ที่เค้าออกมาขาย น่าจะออกแบบพวกรูปภาพมาในระดับ หนึ่งแล้วนะครับ ส่วนโค๊ดจะเอาไป แป๊ะที่ ไฟล์ style.css ครับป๋ม