帝国cms首页或者列表页实现图文不同样式调用方法

35dd0c3c313979548f4028d4639f105a

  如图,要实现上图效果,我采用如下方法:

  1、首先在数据库模型,增加字段,分别是图片2,图片3

  2、增加标签模板,用if,else if 来判断,输出

  思路已打开,样式调用就可以多样化啦!

  列表内容模板(list.var)(*)

$titlepic='';
$titlepic2='';
$titlepic3='';
if($r[titlepic] and $r[titlepic2] and $r[titlepic3]){
$titlepic='<img src="[!--titlepic--]" /><img src="[!--titlepic2--]" /><img src="[!--titlepic3--]" /></a>';
}else if($r[titlepic]){
$titlepic='<span class="blogpic"><a href="[!--titleurl--]" title="[!--oldtitle--]"><img src="[!--titlepic--]" alt="[!--oldtitle--]" /></a></span>';
}
$listtemp='
<li>
    <div class="bloginfo">
        '.$titlepic.'
        <p>[!--smalltext--]...</p>
    </div>
</li>
';

那如果要更换标题位置怎么办?,再加一个titlepic为空的判断,这样无图情况下的标题就能调用出来了

  代码如下:

$titlepic='';
$titlepic2='';
$titlepic3='';
$bigpic='';
if($r[titlepic] and $r[titlepic2] and $r[titlepic3]){
$titlepic='
<h3 class="blogtitle"><a href="[!--titleurl--]" target="_blank" >[!--title--]</a></h3>
<span class="bplist">
    <a href="[!--titleurl--]" title="[!--oldtitle--]">
        <i><img src="[!--titlepic--]" alt="[!--oldtitle--]"></i>
        <i><img src="[!--titlepic2--]" alt="[!--oldtitle--]"></i>
        <i><img src="[!--titlepic3--]" alt="[!--oldtitle--]"></i>
    </a>
</span>
';
}else if($r[bigpic]){
$titlepic='
<span class="bigpic"><a href="[!--titleurl--]" title="[!--oldtitle--]"><img src="[!--bigpic--]" alt="[!--oldtitle--]"></a></span>
<h3 class="blogtitle"><a href="[!--titleurl--]" target="_blank" >[!--title--]</a></h3>
';
}else if($r[titlepic]){
$titlepic='
<h3 class="blogtitle"><a href="[!--titleurl--]" target="_blank" >[!--title--]</a></h3>
<span class="blogpic"><a href="[!--titleurl--]" title="[!--oldtitle--]"><img src="[!--titlepic--]" alt="[!--oldtitle--]"></a></span>
';
}else if(empty($r[titlepic])){
$titlepic='
<h3 class="blogtitle"><a href="[!--titleurl--]" target="_blank" >[!--title--]</a></h3>
';
}
$listtemp='
<div class="blogs" data-scroll-reveal="enter bottom over 1s" >   
    '.$titlepic.'
    <p class="blogtext">[!--smalltext--]...</p>
    <div class="bloginfo">
        <ul>
            <li class="author">[!--writer--]</li>
            <li class="lmname"><a href="[!--this.classlink--]"  target="_blank" >[!--this.classname--]</a></li>
            <li class="timer">[!--newstime--]</li>
            <li class="view"><span>[!--onclick--]</span>已阅读</li>
            <li class="like">[!--diggtop--]</li>
        </ul>
    </div>
</div>
';

未经允许不得转载:OZ分享-吉家大宝官方博客 » 帝国cms首页或者列表页实现图文不同样式调用方法

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

置顶文章


Warning: error_log(/www/wwwroot/oowz.com/wp-content/plugins/spider-analyser/#log/log-0121.txt): failed to open stream: No such file or directory in /www/wwwroot/oowz.com/wp-content/plugins/spider-analyser/spider.class.php on line 2900