注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

程序员驿站

淘宝店:http://shop106888457.taobao.com

 
 
 

日志

 
 

高分求助:html页面图片自动设置按照原大小显示,超过设定值就压缩显示,请大家帮忙 [问题点数:100分,结帖人linzhangs]  

2013-12-25 16:06:58|  分类: CSS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
页面图片地址是:http://www.cdlovelife.com/public/info.php?id=12947
看起来分辨率差,长度和宽度又是压缩了的很难看。
页面源代码如下:
XML/HTML code
?
1
2
3
4
5
6
7
8
<div class="cont_main" style="background-color: rgb(242, 251, 255);">
   <b>介绍:</b> {$info.content}
    <ul class="pic_list clearfix">
    {foreach from=$image item=image}
    <li><a href="{$image.path}" target="_blank"><img src="{$mymps_global.SiteUrl}{$image.prepath}" class="postinfoimg" width="240" height="240"/></a></li>
    {/foreach}
    </ul>
</div>



我需要的效果就像赶集网那样子分辨率较小的图片的时候自动按照原图显示,设置table
超出了就压缩显示,或者部分显示,总之要美观。

请高手给段代码,谢谢!分数没问题,我会追加的,呵呵

改成 不要缩略图,这样打开页面图变慢些
div class="cont_main" style="background-color: rgb(242, 251, 255);">
   <b>介绍:</b> {$info.content} 
    <ul class="pic_list clearfix" id="pic_list">
      {foreach from=$image item=image}
    <li>
        <a href="{$image.path}" target="_blank">
            <img src="{$image.path}" class="postinfoimg" />
        </a>
    </li>
      {/foreach}
    </ul>
</div>

728 对你那页面大了点我改成 690
CSS code
.cont_main .pic_list { width:690pxmargin:10px auto;}
.cont_main .pic_list li { float:leftdisplay:inlinemargin:5px;}
.cont_main .pic_list li img { padding:1pxborder:1px solid #dddmax-width:690px;}

这样你试试效果
嘿嘿搞定多谢,以前可以追加分数的。现在咋个追加分数丫。这两天结贴,我再研究研究。
呵呵呵
  评论这张
 
阅读(482)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017