如图,要实现上图效果,我采用如下方法:
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--]"> <li><img src="[!--titlepic--]" alt="[!--oldtitle--]"></li> <li><img src="[!--titlepic2--]" alt="[!--oldtitle--]"></li> <li><img src="[!--titlepic3--]" alt="[!--oldtitle--]"></li> </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> ';
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)