|
|
|
กำหนดขนาดรูปภาพแต่รุปภาพไม่ยอมปรับตามขนาดที่กำหนดทำยังไงดีครับ |
|
|
|
|
|
|
|
ไม่รู้ว่าเปนเพราะเราใช้คราส img-responsive รึป้าววเลยทำให้กำหนดขนาดภาพที่แสดงออกมา
ภาพที่แสดงออกมาเป็นภาพที่ดึงมจาก db อีกทีครับ
อยากสอบถามด้วยว่าหากรูปมาเป็นแนวตั้งต้องปรับขนดไงให้ภาพดุไม่เละครับ
Code (PHP)
<?php
function ttruncat($text,$numb) {
if (strlen($text) > $numb) {
$text = substr($text, 0, $numb);
// $text = substr($text,0,strrpos($text," "));
$etc = " ...";
$text = $text.$etc;
}
return $text;
}
?>
<div id='news'>
</div>
<!-- Page Content -->
<div class="container " >
<!-- Marketing Icons Section -->
<div class="row">
<div class="main_featured m-top-100">
<div class="col-lg-12">
<div class="head_title text-center">
<h2>News&Events</h2>
<div class="separator_auto"></div>
<br>
</div>
</div>
</div>
<?php // <?php echo $result["img"]
while($result=mysqli_fetch_array($query,MYSQLI_ASSOC))
{
$txtMessage = $result["txtMessage"];
?>
<div class="col-md-4 thaifont" style="color:#000000;">
<div class="portfolio-item">
<img class="img-responsive" src="login/images/<?php echo $result["img"]?>" width="750" height="450" >
<h3 style="color:#000000;"><?php echo $result["title"] ?></h3>
</div>
<p >
<?php echo ttruncat($txtMessage,600)?> </p>
<?php
if ( $result["a_id"] == "1") {
?>
<a href="readmore1.php" class="btn btn-info " style="color:#fff;">ReadMore</a>
<?php
} elseif ($result["a_id"] == "2") {
?>
<a href="readmore2.php" class="btn btn-info" style="color:#fff;">ReadMore</a>
<?php
}
elseif ($result["a_id"] == "3") {
?>
<a href="readmore3.php" class="btn btn-info" style="color:#fff;">ReadMore</a>
<?php
}
?>
</div>
<?php
}
?>
<?php
mysqli_close($conn);
?>
</div>
<!-- /.row -->
</div>
Tag : PHP, HTML, CSS
|
|
|
|
|
|
Date :
2017-07-03 14:39:03 |
By :
stamp006 |
View :
1426 |
Reply :
3 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ถ้าปรับเฉพาะภาพตอน display ไม่ให้เละจากแนวตั้วไปแนวนอน หรือจากแนวนอนมาแนวตั้ง
ถ้าใส่อัตราส่วนไม่เหมาะสม จะทำให้ภาพเละ เช่น ค่าต้องได้อัตราส่วน เช่น ภาพขนาด 1000x500 = ลดขนาด 50% => 500x250
วิธีแก้
ส่วนใหญ่ก็จะระบุ เพียงค่าใดค่าหนึ่งแทน เช่น <img src="abc.jpg" width="750"> หรือ <img src="def.jpg" height="450">
|
|
|
|
|
Date :
2017-07-03 19:43:12 |
By :
ccjpn |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<style>
.crop {width:200px; height:100px}
.crop .imgx {width:200px; height:auto}
.crop .imgy {height:100px; width:auto}
</style>
<?php
$im=imagecreatefromstring(......);
$x=imagex($im);
$y=imagey($im);
$widthmoreheight = ($x/$y)<>(200/100); //บันทัดนี้ทดสอบเครื่องหมายเอาเองจะใช้มากกว่าหรือน้อยกว่า
?>
<div class="crop"><img src="...." class="img<?=($widthmoreheight ? 'x' : 'y')?>" ></div>
|
|
|
|
|
Date :
2017-07-04 08:59:15 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|