织梦没有缩略图就不显示默认的缩略图

时间:2014-06-27 15:01 / 来源:未知 / 作者:酱油 / 点击:

今天有朋友问我一个关于文章缩略图的问题,那就是当文章如果没有缩略图就不显示默认的缩略图。首先,我截图给大家显示下所需的效果。

因为时间有限,我就不自己修改代码来演示了,所以以下的代码和上面的效果不是对应的,但是原理是一样的。

大家都知道用[field:litpic/]可以在列表页或者artlist等等标签内调用缩略图,没有缩略图会默认使用默认的缩略图。有时候我们需要没有缩略图就不显示该怎么办呢。使用一下代码即可。具体可根据情况自行修改。

[field:array runphp='yes']@me = (strpos(@me['litpic'],'defaultpic') ? "" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]

这个按照上面提供的方法修改很简单,但是接下来,我们可能会遭遇一个问题,那就是CSS的问题,如果我单独设置了图片的浮动,我们可以把CSS和HTML标签直接写到上面的代码中去,这样如果没有图片就不回显示出来,但是左侧的文字,如果我们用CSS定义了宽度,那么我们势必还是需要用上面的代码来判断一下,代码大致如下:

<div class="box">
  <dl>
    [field:array runphp='yes']@me = (strpos(@me['litpic'],'defaultpic') ? "" : "
    <dt> <a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a></dt>
    "); [/field:array]
    <dd[field:array runphp='yes']@me = (strpos(@me['litpic'],'defaultpic') ? "" : " class='have'"); [/field:array]>
      <ul>
        <li class="text">[field:description/]...<a href="[field:arcurl /]" target="_blank" class="more">[详细]</a></li>
        <li class="info"><em><a href="[field:typeurl/]" target="_blank">[field:typename/]</a></em><span>阅读([field:click/])</span> [field:id function=GetTags(@me)/] </li>
      </ul>
    </dd>
  </dl>
</div>

大概解释下,CSS我就不要列出了,因为这里的DT中是缩略图,那么我们可以对DT进行CSS设置,如果没有图片的时候,因为我把DT的代码都写入到了判断语句中,那么如果没有缩略图,DT中的内容自然就不会显示,而DD因为如果有缩略图,会浮动到左边或者右边,那么我们就要把代码重新判断一次,上面在DD的后面增加了一句,判断是否出现class='have',我们再定义have的属性即可。

猜你喜欢

推荐栏目

DEDECMS
DEDECMS

DEDE使用经验和技巧

WordPress
Wordpress

WP使用经验和技巧

Zblog
Zblog

Zblog使用经验和技巧

CSS
CSS

CSS使用经验和技巧

网络资料
网络资料

转载实用网络资料

按键伤人
按键伤人

转载乱七八糟的网络资源

我是酱油
我是酱油

随笔札记 记录生活点滴

本站推荐

百度站内搜索

专业博客主机