搜索

技术笔记 Discuz搜索页面增加预览图

一定 2022-11-22
先放出图片调用代码:

[PHP] 纯文本查看 复制代码
<img src="data/attachment/forum/{eval echo $pic=DB::result_first("select attachment from ".DB::table("forum_threadimage")." where tid='$thread[tid]'");}"/>


本人不会写查询,这个调用是在网上找的,感觉单独写出来调用是不是比较好?但是我不会,就这样用吧。

把这行代码放在循环中就可以显示了,剩下的就是CSS调试了。

这里可能会用到几个属性:

[CSS] 纯文本查看 复制代码
object-fit: cover;(防止变形,放在图片样式里面剧中防止变形)


完整样式实例:
[CSS] 纯文本查看 复制代码
.tu {width: 152px;height: 101px;float: left;margin: 6px 10px 0 0;display: block;overflow: hidden;}
.tu img {height: 101px;width: 152px;max-height:101px;object-fit: cover;flex: 1;}


html结构实例:
[HTML] 纯文本查看 复制代码
<div class="tu">
<img src="data/attachment/forum/{eval echo $pic=DB::result_first("select attachment from ".DB::table("forum_threadimage")." where tid='$thread[tid]'");}"/>
</div>

如果想给不同板块定义不同的尺寸,那就加个判断:
[PHP] 纯文本查看 复制代码
<!--{if in_array($thread['fid'], array(板块ID))}-->
这里放想显示的板块贴子的样式
<!--{else}-->
这里放其他板块的贴子的样式
<!--{/if}-->

使用道具 举报

您需要登录后才可以回帖 立即登录
侠之大者,为国为民。《神雕侠侣
共收到 0 条点评
返回顶部