coklo 发表于 2015-5-15 15:38:35

菜鸟学习标签:三重循环显示的幻灯片

今天折腾了半天,做了一个标签,觉得对大家也许还是有用的,特分享一下。
目标:获取最新的18条产品信息。分三屏幻灯片显示,每屏幻灯片显示6条信息。6条信息又分每3条循环一次。



static/image/common/none.gif


QQ图片20150515150604.png (37.72 KB, 下载次数: 0)

下载附件


2015-5-15 15:02 上传






如图,做一个可以滚动的幻灯片。

HTML代码如下:
[*]第一屏
[*]
[*]
[*][*]
[*][*]
[*]
[*]
[*]
[*][*]
[*][*]
[*]
[*]
[*]
[*]第二屏
[*]
[*]
[*][*]
[*][*]
[*]
[*]
[*]
[*][*]
[*][*]
[*]
[*]
[*]
[*]第三屏
[*]
[*]
[*][*]
[*][*]
[*]
[*]
[*]
[*][*]
[*][*]
[*]
[*]
[*]复制代码

标签:
页面模版调用
''&pagesize=18&order=addtime desc&template=list-img")}-->

在网站模版文件夹里的tag文件夹里新建标签模版list-img
[*]
[*]      {loop $tags $k $t}
[*]         {if $k%6==0}{/if}         
[*]         {if $k%3==0}{/if}
[*]                        
[*]                                    
[*]                                       

[*]                                    
[*]                                    
[*]                                        {dsubstr($t, 20, '')}
[*]                                    
[*]                              
[*]{if $k%3==2} {/if}
[*]{if $k%6==5} {/if}
[*]{/loop}
[*]复制代码

标签说明:
{if $k%6==0}{/if}   
{if $k%6==0}意思是:从0开始每6条出现一次
{if $k%18==0} hidden{/if} 意思是:只在第一条出现一次。(hidden是幻灯片默认显示面,这个要与展示的信息条数符合,如我显示18条,所以取值18,如显示24条的,则要取值24.否则页面将错乱)

{if $k%3==0}{/if}
{if $k%3==0} 意思是:从0开始,每3条出现一次


(class="mno" 的作用是尾部结束。CSS的效果)
{if $k%3==2}意思是,每3条显示一次。从第3条开始显示。(因为值是从0开始算的。所以第3条就等于2了)

{if $k%3==2} {/if}
{if $k%3==2}意思是:每3条出现一次,从开始的第3条开始计算。

{if $k%6==5} {/if}
{if $k%6==5}意思是:每6条出现一次,从开始的第6条开始计算。



总结:%A的意思是每隔A条出现一次。==X意思是从信息的第X条开始出现
(X这个数字要从0开始算,即0就是第1条,1就是第2条)

tian0220 发表于 2016-3-3 01:20:21


记号,很有用

zhao90 发表于 2015-5-15 15:40:53


不错不错,学习了

liupt 发表于 2015-5-15 16:04:00


支持分享
http://bbs.destoon.com/static/image/smiley/default/titter.gif
http://bbs.destoon.com/static/image/smiley/default/victory.gif

龙在天涯 发表于 2015-5-15 16:38:09


很详细,非常实用

zhao90 发表于 2015-5-18 09:14:36


感谢楼主分享

allife 发表于 2015-7-9 17:02:17


不错学习一下

zhao90 发表于 2016-3-3 05:51:06


楼主,不但分享,而且很专家,很耐心。赞
static/image/smiley/coolmonkey/07.gif
页: [1]
查看完整版本: 菜鸟学习标签:三重循环显示的幻灯片