图片显示问题
本帖最后由 sjie 于 2014-12-2 19:04 编辑图片不能显示缩略图,请问如何解决?
可以
diy设置里设置图片的宽度和高度
diy模板加入width={picwidth} height={picheight}就可以
<div class="img_box"><div class="box_in">
<div class="box_in1" style="background-image:url({pic}); background-size:{picwidth} {picheight};"><a href="{url}"{target}></a>
<h3><i>{title}</i><span class="someinfobox"><em class="bg1">{dateline}</em><em class="bg2">{views}</em><em class="bg3">{replies}</em></span></h3>
</div>
<div class="box_in2"><div class="inbox"><atarget="_blank"><img src="{avatar}" />{author}</a><strong><a href="{forumurl}" target="_blank">[{forumname}]</a></strong></div></div>
</div></div>
技术帮助 发表于 2014-12-1 20:56
可以
diy设置里设置图片的宽度和高度
diy模板加入就可以
上面是我的模版现在的代码。请问加到那里啊?
我现在设置的图片大小为240*230
谢谢
<div class="img_box"><div class="box_in">
<div class="box_in1" style="background-image:url({pic}); background-size:{picwidth} {picheight};"><a href="{url}"{target}></a>
<h3><i>{title}</i><span class="someinfobox"><em class="bg1">{dateline}</em><em class="bg2">{views}</em><em class="bg3">{replies}</em></span></h3>
</div>
<div class="box_in2"><div class="inbox"><atarget="_blank"><img src="{avatar}" width="{picwidth}" height="{picheight}"/>{author}</a><strong><a href="{forumurl}" target="_blank">[{forumname}]</a></strong></div></div>
</div></div>
本帖最后由 sjie 于 2014-12-1 23:25 编辑
技术帮助 发表于 2014-12-1 23:19
修改后没有解决,网站:www.renao.cc
技术帮助 发表于 2014-12-1 23:19
只是把头像上移了 代码开始看错了!
<div class="img_box"><div class="box_in">
<div class="box_in1" style="background-image:url({pic}); background-size:{picwidth}px {picheight}px;"><a href="{url}"{target}></a>
<h3><i>{title}</i><span class="someinfobox"><em class="bg1">{dateline}</em><em class="bg2">{views}</em><em class="bg3">{replies}</em></span></h3>
</div>
<div class="box_in2"><div class="inbox"><atarget="_blank"><img src="{avatar}" />{author}</a><strong><a href="{forumurl}" target="_blank">[{forumname}]</a></strong></div></div>
</div></div>
本帖最后由 技术帮助 于 2014-12-2 11:35 编辑
其实原因就是你的主图 是用背景图片的方式加载的,并且你也设置了
background-size:{picwidth} {picheight}
但是你没有加上单位,在像素后面加上单位即可
background-size:{picwidth}px {picheight}px
在以上回复中已经修改,直接复制就可以了!
测试:
技术帮助 发表于 2014-12-2 11:26
代码开始看错了!
奇怪了。完全复制的这段代码,还是不行啊。是不是那的CSS挨着事那?请帮我再仔细看一下把。
页:
[1]
2