以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.net/bbs/index.asp)
--  专家坐堂  (http://foxtable.net/bbs/list.asp?boardid=2)
----  XXXXX这样的网页，应该怎么做？  (http://foxtable.net/bbs/dispbbs.asp?boardid=2&id=108795)
--  作者：zhangjian222200
--  发布时间：2017/10/29 21:13:00
--  XXXXX这样的网页，应该怎么做？
页面图片分2列

只有图片，没有其他内容


图片点击可在新窗口打开查看此主题相关图片如下：qq图片2017102921111888.png
图片点击可在新窗口打开查看

[此贴子已经被作者于2017/12/26 9:21:37编辑过]
--  作者：有点甜
--  发布时间：2017/10/29 21:28:00
--  

如果是固定大小的，可以用表格来做，做一个两列多行的表格。

 

如果不固定大小，就比较麻烦 https://www.baidu.com/baidu?wd=%E7%80%91%E5%B8%83+css

 
--  作者：zhangjian222200
--  发布时间：2017/10/30 19:09:00
--  
需求：主要是人的照片，且图片大小不一致，图片处理成大小相同不难，只是处理完，人不能处于照片之外

想问：目前有技术能这样处理吗？
[此贴子已经被作者于2017/10/30 19:30:50编辑过]
--  作者：有点蓝
--  发布时间：2017/10/30 20:33:00
--  
2楼百度的结果不就是这种技术么？

只是weui框架做不了，需要自己使用原生html处理

附件是使用Bootstrap的例子

 下载信息  [文件大小：   下载次数： ]
图片点击可在新窗口打开查看点击浏览该文件:index.zip
--  作者：zhangjian222200
--  发布时间：2017/10/31 9:30:00
--  
3楼主要是问：可以那样处理照片吗？
--  作者：有点甜
--  发布时间：2017/10/31 10:21:00
--  
以下是引用zhangjian222200在2017/10/30 19:09:00的发言：
需求：主要是人的照片，且图片大小不一致，图片处理成大小相同不难，只是处理完，人不能处于照片之外

想问：目前有技术能这样处理吗？
[此贴子已经被作者于2017/10/30 19:30:50编辑过]

 

1、上传的图片，如果处理成相同尺寸的很简单，你处理尺寸，只是把图片变形而已，图像内容没有改变；

 

2、上传的图片也可以不处理其尺寸的，你网页显示的时候，控制好其尺寸即可。
--  作者：zhangjian222200
--  发布时间：2017/10/31 16:02:00
--  
根据楼上与2楼，既然可以控制显示尺寸，用表格做固定大小的，两列多行的表格应该是最好的方案

能使用框架做出来吗？

大概是下面这样:

图片点击可在新窗口打开查看此主题相关图片如下：qq图片2017103115584777.png
图片点击可在新窗口打开查看
--  作者：有点甜
--  发布时间：2017/10/31 17:35:00
--  

参考

 

Select Case e.Path
    Case "test.htm",""
        Dim wb As New WeUI
        With wb.AddTable("","Table1")
            \'.head.AddRow("部门","姓名","年龄","电话","地址") \'表头
            .body.AddRow("<img src=\'./images/001.jpg\' width=\'100%\' height=\'100px\'>","<img src=\'./images/001.jpg\' width=\'100%\' height=\'100px\'>")
            .body.AddRow("<img src=\'./images/001.jpg\' width=\'100%\' height=\'100px\'>","<img src=\'./images/001.jpg\' width=\'100%\' height=\'100px\'>")
            .body.AddRow("<img src=\'./images/001.jpg\' width=\'100%\' height=\'100px\'>","<img src=\'./images/001.jpg\' width=\'100%\' height=\'100px\'>")
        End With
        e.WriteString(wb.Build)
End Select
--  作者：zhangjian222200
--  发布时间：2017/11/19 18:20:00
--  

我测试过8楼代码，可以生成7楼那样的页面

 

问下：如何在照片下方，写一行文字，文字背景灰色，如下图


图片点击可在新窗口打开查看此主题相关图片如下：qq图片2017111918303888.jpg
图片点击可在新窗口打开查看
--  作者：有点甜
--  发布时间：2017/11/19 20:26:00
--  
Select Case e.Path
    Case "test.htm",""
        Dim wb As New WeUI
        wb.AppendHTML("<style>.class_outer {    display: block;        position: relative;    overflow: hidden;}.class_cover {    width: 100%;    height: 50px;    line-height: 50px;    padding-left: 5px;    background-color: rgba(0, 0, 0, .50);    color: #FFFFFF;    font-size: 26px;    position: absolute;    left: 0px;    bottom: 0px;}</style>")
        With wb.AddTable("","Table1")
            \'.head.AddRow("部门","姓名","年龄","电话","地址") \'表头
            .body.AddRow("<a href=\'#\' class=\'class_outer\'> <img src=\'./images/001.jpg\' border=\'0\' width=\'100px\' height=\'300px\' /> <span class=\'class_cover\'>12345678?</span> </a>","<a href=\'#\' class=\'class_outer\'> <img src=\'./images/001.jpg\' border=\'0\' width=\'100px\' height=\'300px\' /> <span class=\'class_cover\'>12345678?</span> </a>")
            .body.AddRow("<img src=\'./images/001.jpg\' width=\'100%\' height=\'100px\'>","<img src=\'./images/001.jpg\' width=\'100%\' height=\'100px\'>")
            .body.AddRow("<img src=\'./images/001.jpg\' width=\'100%\' height=\'100px\'>","<img src=\'./images/001.jpg\' width=\'100%\' height=\'100px\'>")
        End With
        e.WriteString(wb.Build)
End Select