先放出图片调用代码:
[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}-->
|