คำถามติดแท็ก image

ฉันใช้ a ListViewเพื่อแสดงภาพและคำอธิบายภาพที่เกี่ยวข้องกับภาพเหล่านั้น ฉันได้รับภาพจากอินเทอร์เน็ต มีวิธีการโหลดภาพที่ขี้เกียจหรือไม่ในขณะที่ข้อความปรากฏขึ้น UI จะไม่ถูกบล็อกและรูปภาพจะถูกแสดงขณะดาวน์โหลด จำนวนภาพทั้งหมดไม่คงที่

1931 android  image  listview  url  universal-image-loader 

คุณปรับขนาดภาพขนาดใหญ่โดยอัตโนมัติอย่างไรเพื่อให้พอดีกับคอนเทนเนอร์ div ความกว้างขนาดเล็กลงในขณะที่ยังคงอัตราส่วนความกว้าง: ความสูง ตัวอย่าง: stackoverflow.com - เมื่อภาพถูกแทรกลงบนแผงแก้ไขและภาพมีขนาดใหญ่เกินไปที่จะพอดีกับหน้าภาพจะถูกปรับขนาดโดยอัตโนมัติ

1511 html  css  image  autoresize 

คุณจะจัดแนวรูปภาพภายในของที่บรรจุได้divอย่างไร? ตัวอย่าง ในตัวอย่างของฉันฉันจำเป็นต้องตั้งศูนย์ให้<img>ตรง<div>กับclass ="frame": <div class="frame" style="height: 25px;"> <img src="http://jsfiddle.net/img/logo.png" /> </div> .frameความสูงของภาพได้รับการแก้ไขและไม่ทราบความสูงของภาพ ฉันสามารถเพิ่มองค์ประกอบใหม่ได้.frameถ้านั่นเป็นทางออกเดียว ฉันพยายามทำสิ่งนี้บน Internet Explorer 7 และใหม่กว่า WebKit, Gecko ดู jsfiddle ที่นี่ .frame { height: 25px; /* Equals maximum image height */ line-height: 25px; width: 160px; border: 1px solid red; text-align: center; margin: 1em 0; } img { …

1456 css  image  vertical-alignment 

ฉันมีมุมมองรายการพร้อมปุ่มภาพสองปุ่มในแต่ละแถว เมื่อคุณคลิกแถวรายการมันจะเปิดกิจกรรมใหม่ ฉันต้องสร้างแท็บของตัวเองเพราะมีปัญหากับเลย์เอาต์ของกล้อง กิจกรรมที่เปิดตัวสำหรับผลลัพธ์คือแผนที่ หากฉันคลิกที่ปุ่มของฉันเพื่อเปิดภาพตัวอย่าง (โหลดภาพออกจากการ์ด SD) แอปพลิเคชันจะส่งกลับจากกิจกรรมกลับไปที่listviewกิจกรรมไปยังตัวจัดการผลลัพธ์เพื่อเปิดใช้งานกิจกรรมใหม่ของฉันซึ่งไม่มีอะไรมากไปกว่าวิดเจ็ตรูปภาพ ListAdapterตัวอย่างภาพในมุมมองรายการจะถูกดำเนินการด้วยเคอร์เซอร์และ มันทำให้มันค่อนข้างง่าย แต่ฉันไม่แน่ใจว่าฉันจะใส่ภาพที่ปรับขนาดได้อย่างไร (Ie Smaller บิตขนาดเล็กไม่ใช่พิกเซลเป็นปุ่มsrcสำหรับภาพทันทีฉันเลยปรับขนาดรูปภาพที่หลุดจากกล้องโทรศัพท์ ปัญหาคือฉันได้รับข้อผิดพลาดหน่วยความจำไม่เพียงพอเมื่อพยายามย้อนกลับและเปิดใช้งานกิจกรรมที่ 2 อีกครั้ง มีวิธีที่ฉันสามารถสร้างรายการอะแดปเตอร์ได้อย่างง่ายดายทีละแถวที่ฉันสามารถปรับขนาดได้ทันที ( bit ฉลาด )? สิ่งนี้จะดีกว่าเนื่องจากฉันยังต้องทำการเปลี่ยนแปลงคุณสมบัติของวิดเจ็ต / องค์ประกอบในแต่ละแถวเนื่องจากฉันไม่สามารถเลือกแถวด้วยหน้าจอสัมผัสได้เนื่องจากปัญหาโฟกัส ( ฉันสามารถใช้ลูกลูกกลิ้ง ) ฉันรู้ว่าฉันสามารถปรับขนาดวงนอกและบันทึกภาพของฉันได้ แต่นั่นไม่ใช่สิ่งที่ฉันต้องการทำจริงๆ ทันทีที่ฉันปิดการใช้งานภาพในมุมมองรายการมันทำงานได้ดีอีกครั้ง FYI: นี่คือวิธีที่ฉันทำ: String[] from = new String[] { DBHelper.KEY_BUSINESSNAME,DBHelper.KEY_ADDRESS,DBHelper.KEY_CITY,DBHelper.KEY_GPSLONG,DBHelper.KEY_GPSLAT,DBHelper.KEY_IMAGEFILENAME + ""}; int[] to = new int[] {R.id.businessname,R.id.address,R.id.city,R.id.gpslong,R.id.gpslat,R.id.imagefilename }; notes …

1288 android  image  bitmap  out-of-memory  android-bitmap 

ฉันเพิ่งเริ่มต้นกับ Markdown ฉันชอบมัน แต่มีสิ่งหนึ่งที่ทำให้ฉันรำคาญ: ฉันจะเปลี่ยนขนาดของภาพโดยใช้ Markdown ได้อย่างไร เอกสารประกอบให้คำแนะนำต่อไปนี้สำหรับรูปภาพเท่านั้น:  หากเป็นไปได้ฉันต้องการให้ภาพอยู่กึ่งกลาง ฉันขอ Markdown ทั่วไปไม่ใช่แค่วิธีที่ GitHub ทำเท่านั้น

920 image  markdown 

คำตอบของคำถามนี้เป็นความพยายามของชุมชน แก้ไขคำตอบที่มีอยู่เพื่อปรับปรุงโพสต์นี้ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ในสถานการณ์ใดจะเหมาะสมกว่าที่จะใช้IMGแท็กHTML เพื่อแสดงรูปภาพซึ่งตรงข้ามกับ CSS background-imageและในทางกลับกัน ปัจจัยอาจรวมถึงการเข้าถึงการสนับสนุนเบราว์เซอร์เนื้อหาแบบไดนามิกหรือข้อ จำกัด ทางเทคนิคหรือหลักการใช้งานใด ๆ

777 html  css  image  background-image 

DOM ของฉันมีลักษณะเช่นนี้: <div id="d1"> <div class="c1"> <a href="#"><img src="img1_on.gif"></a> <a href="#"><img src="img2_on.gif"></a> </div> </div> เมื่อมีคนคลิกที่ภาพฉันต้องการภาพ src เพื่อเปลี่ยนเป็น<img src="imgx_off.gif">ที่xแสดงถึงจำนวนภาพ 1 หรือ 2 เป็นไปได้หรือฉันต้องใช้ CSS เพื่อเปลี่ยนภาพ?

764 javascript  jquery  image 

มีวิธีง่าย ๆ ในการแสดงบิตแมปสีในระดับสีเทาด้วยHTML/CSSหรือไม่ ไม่จำเป็นต้องเข้ากันได้กับ IE (และฉันคิดว่ามันจะไม่เป็นอย่างนั้น) - ถ้ามันทำงานใน FF3 และ / หรือ Sf3 นั่นก็ดีพอสำหรับฉัน ฉันรู้ว่าฉันสามารถทำได้ทั้งกับSVGCanvas และตอนนี้ดูเหมือนว่าจะมีงานเยอะมาก มีวิธีที่คนขี้เกียจอย่างแท้จริงในการทำเช่นนี้?

619 image  css  grayscale 

มี JavaScript หรือ jQuery APIs หรือวิธีการเพื่อให้ได้ขนาดของภาพในหน้า?

610 javascript  jquery  image  jquery-plugins 

ฉันทำงานกับภาพและฉันพบปัญหาอัตราส่วนภาพ <img src="big_image.jpg" width="900" height="600" alt="" /> อย่างที่คุณเห็นheightและwidthมีการระบุไว้แล้ว ฉันเพิ่มกฎ CSS สำหรับภาพ: img { max-width:500px; } แต่สำหรับbig_image.jpgผมได้รับและwidth=500 height=600ฉันจะตั้งค่าขนาดภาพใหม่ได้อย่างไรในขณะที่รักษาอัตราส่วนภาพ

577 css  image  aspect-ratio 

เมื่อใดควรใช้ไฟล์ภาพบางประเภทเมื่อสร้างเว็บไซต์หรือส่วนต่อประสาน ฯลฯ จุดแข็งและจุดอ่อนของพวกเขาคืออะไร ฉันรู้ว่า PNG & GIF นั้นไม่มีความสูญเสียในขณะที่ JPEG กำลังสูญเสีย แต่ความแตกต่างหลักระหว่าง PNG และ GIF คืออะไร ทำไมฉันถึงต้องเลือกอันหนึ่งมากกว่าอีกอัน? SVG คืออะไรและฉันควรใช้เมื่อใด หากคุณไม่สนใจพิกเซลแต่ละพิกเซลคุณควรใช้ JPEG ตลอดเวลาหรือไม่เพราะเป็น "ที่เบาที่สุด"

575 image  svg  png  jpeg  gif 

ฉันพยายามที่จะมีภาพ (เป็นพื้นหลัง) ที่ปุ่มและเพิ่มแบบไดนามิกขึ้นอยู่กับสิ่งที่เกิดขึ้นในช่วงเวลาทำงานข้อความบางข้อความด้านบน / เหนือภาพ ถ้าฉันใช้ImageButtonฉันไม่มีโอกาสที่จะเพิ่มข้อความ หากฉันใช้Buttonฉันสามารถเพิ่มข้อความกำหนด แต่เพียงภาพที่มีandroid:drawableBottomและแอตทริบิวต์ XML ที่คล้ายกันตามที่กำหนดไว้ที่นี่ อย่างไรก็ตามคุณลักษณะเหล่านี้รวมข้อความและรูปภาพในขนาด x และ y เท่านั้นซึ่งหมายความว่าฉันสามารถวาดภาพที่อยู่รอบข้อความของฉันได้ แต่ไม่ต่ำกว่า / ใต้ข้อความของฉัน (โดยมีแกน z กำหนดว่าออกมาจากหน้าจอ) ข้อเสนอแนะใด ๆ เกี่ยวกับวิธีการทำเช่นนี้? หนึ่งความคิดที่จะให้ทั้งขยายButtonหรือImageButtonและแทนที่draw()-method แต่ด้วยระดับความรู้ปัจจุบันของฉันฉันไม่รู้วิธีการทำสิ่งนี้จริงๆ (การเรนเดอร์แบบ 2D) อาจเป็นคนที่มีประสบการณ์มากขึ้นรู้วิธีแก้ปัญหาหรืออย่างน้อยก็มีพอยน์เตอร์ให้เริ่ม?

540 android  image  text  button 

เป็นไปได้ไหมที่จะตั้งค่าsrcคุณลักษณะใน CSS? ในปัจจุบันสิ่งที่ฉันทำคือ: <img src="pathTo/myImage.jpg"/> และฉันต้องการให้มันเป็นอย่างนี้ <img class="myClass" /> .myClass { some-src-property: url("pathTo/myImage.jpg"); ฉันต้องการทำสิ่งนี้โดยไม่ใช้backgroundหรือbackground-image:คุณสมบัติใน CSS

532 html  css  image 

ฉันจะสร้างเลย์เอาต์ที่มีมุมมนได้อย่างไร LinearLayoutฉันต้องการที่จะใช้มุมโค้งมนของฉัน

517 android  xml  image  layout 

ทำไมในรหัสต่อไปนี้ความสูงของตัวdivใหญ่กว่าความสูงของimg? มีช่องว่างด้านล่างของภาพ แต่ดูเหมือนว่าจะไม่เป็นช่องว่างภายใน / ขอบ ช่องว่างหรือพื้นที่พิเศษด้านล่างของภาพคืออะไร #wrapper { border: 1px solid red; width:200px; } img { width:200px; } <div id="wrapper"> <img src="http://i.imgur.com/RECDV24.jpg" /> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

503 html  css  image