开发者社区> 问答> 正文

phpmywind 如何修改产品页图片大小?

phpmywind 如何修改产品页图片大小?

展开
收起
小旋风柴进 2016-03-10 11:19:55 2656 0
1 条回答
写回答
取消 提交回答
  • 修改步骤如下:

    1、找到相关样式文件,文件路径:templates/default/style/webstyle.css

    /*图片滚动*/
    .scrollimg{width:960px;height:50px;position:relative;margin:0 auto 20px;}
    .scrollimg div.imgwrap{width:880px;height:50px;margin:0 40px;position:absolute;top:0;overflow:hidden;}
    .scrollimg div.imgwrap ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0;}
    .scrollimg ul li{float:left;height:50px;width:146px;overflow:hidden;}
    .scrollimg ul li dl{float:left;height:50px;width:146px;overflow:hidden;}
    .scrollimg ul li dl dt{clear:both;float:left;height:45px;width:60px;overflow:hidden;margin-right:8px;}
    .scrollimg ul li dl dt a{height:45px;width:60px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:39px;*font-family:Arial;}
    .scrollimg ul li dl dt a img{vertical-align:middle;}
    .scrollimg ul li dl dd{color:#aaa;}
    .scrollimg ul li dl dd a{color:#3372A2;display:block;font-size:14px;height:20px;margin:2px 0;overflow:hidden;}
    .scrollimg a.arrow{display:block;height:50px;width:20px;background:url(../images/arrow.png) no-repeat 0 0;position:absolute;top:0;cursor:pointer;text-indent:-99999px;}
    .scrollimg a.back{background-position:0 0;left:0;}
    .scrollimg a.back:hover{background-position:0 -100px;}
    .scrollimg a.forward{background-position:0 -50px;right:0;}
    .scrollimg a.forward:hover{background-position:0 -150px;}
    将以上代码替换为:
    /*图片滚动*/
    .scrollimg{width:960px;height:230px;position:relative;margin:0 auto 20px;}
    .scrollimg div.imgwrap{width:880px;height:230px;margin:0 40px;position:absolute;top:0;overflow:hidden;}
    .scrollimg div.imgwrap ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0;}
    .scrollimg ul li{float:left;height:230px;width:146px;overflow:hidden;}
    .scrollimg ul li dl{float:left;height:230px;width:146px;overflow:hidden;}
    .scrollimg ul li dl dt{clear:both;float:left;height:145px;width:160px;overflow:hidden;margin-right:8px;}
    .scrollimg ul li dl dt a{height:145px;width:px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:39px;*font-family:Arial;}
    .scrollimg ul li dl dt a img{vertical-align:middle;}
    .scrollimg ul li dl dd{color:#aaa;}
    .scrollimg ul li dl dd a{color:#3372A2;display:block;font-size:14px;height:20px;margin:2px 0;text-align:center;}
    .scrollimg a.arrow{display:block;height:50px;width:20px;background:url(../images/arrow.png) no-repeat 0 0;position:absolute;top:50px;cursor:pointer;text-indent:-99999px;}
    .scrollimg a.back{background-position:0 0;left:0;}
    .scrollimg a.back:hover{background-position:0 -100px;}
    .scrollimg a.forward{background-position:0 -50px;right:0;}
    .scrollimg a.forward:hover{background-position:0 -150px;}

    2、修改根目录下index.php文件

    (1):
    <script type="text/javascript">
    $(function(){
        $(".imgwrap li img").LoadImage({width:60,height:45});
            $(".newsfocus div img").LoadImage({width:60,height:60});
    });
    </script>

    将以上代码替换为:

    <script type="text/javascript">
    $(function(){
        $(".imgwrap li img").LoadImage({width:120,height:125});
            $(".newsfocus div img").LoadImage({width:60,height:60});
    });
    </script>

    (2)查找代码:

    <dl>
                                                    <dt><a href="<?php echo $gourl; ?>"><img src="<?php echo $row['picurl']; ?>" title="<?php echo $row['title']; ?>" /></a></dt>
                                                    <dd><a href="<?php echo $gourl; ?>"><?php echo $row['title']; ?></a><?php echo $row['keywords']; ?></dd>
                                            </dl>

    将以上代码修改为:

    <dl>
                                                    <dt><a href="<?php echo $gourl; ?>"><img src="<?php echo $row['picurl']; ?>" title="<?php echo $row['title']; ?>" /></a></dt>
                                                    <dd><a href="<?php echo $gourl; ?>"><?php echo $row['title']; ?></a></dd>
                                            </dl>

    操作完成。

    2019-07-17 18:57:16
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载