喜悦国际村 » XML/HTML/CSS/Js » 控制图片显示大小,急,急!

页: [1]
sportscn2004-12-3 01:49 PM
控制图片显示大小,急,急!

代码如下:
            <td width="620" height="100" align="left" valign="top"><table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0">
                <tr>
                  
/***********************************************/
<?   while($row = mysql_fetch_array($result))
  {    $query1="select * from user where userid=".$row["userid"];
       $result1=mysql_query($query1);
       $row1=mysql_fetch_array($result1);
      ?>
/********************************************/               
  <td height="219" align="center" valign="top" class="table_right"><table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr align="center">
                      <td height="3" align="center" valign="middle" bordercolor="#FFFFFF" bgcolor="#FFFFFF"></td>
                    </tr>
                    <tr align="center">
                      <td width="166" height="20" align="center" valign="top" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
/////////////////////////////////////*******
<?

$src='<img src=';
$src.='"'.'upload_ima/'.$row['filename'].'"' . '  width="110"   ';

$src.='onload="
javascript:
if(this.width>this.heght)
{if  (this.width>100)
this.width=100;}
else if(this.height>this.width)
{if  (this.height>100)
this.height=100;}
else
{if  (this.height>100)
this.height=100;}

">';
//$src.='</A>';
//echo ' <a href="view.php?userid=">';
echo $src;
//echo '</a>';
?>

/////////////////////////*******************
</td>
                  

主要功能想实现:
使图片放入100x100的表格中,图片<100x100时 不变,图片〉100x100时 把长边缩为 100

代码说名:
从数据库中读出图片文件名,然后在按比例改变图片的大小,本来想用 javascript实现  可是触发 onload() 事件 所写的javascript 函数总是不被调用,所以改写成了 php 代码,现在问题是 刷新页面时 图片有时能按比例缩放,有时不行。


求:能实现此功能的javascript 代码
或php代码, 不用GD库
急!!!!!!!!!!!!!!!!!

qfljm2004-12-3 02:38 PM
<img src="images/count.png" width="1024" onload="(this.readyState=='complete'&&this.width<100 && this.height<100)?(this.width=this.width,this.height=this.height):(this.width=100,this.height=100)" />


查看完整版本: 控制图片显示大小,急,急!


Powered by Discuz! Archiver 6.1.0  © 2001-2006 Comsenz Inc.
Processed in 0.006753 second(s), 2 queries