4W1T教程1 如何使用幻灯片

Posted 2020-07-25 牛粪上的小花

第一步，读取类别为xxXX前五张幻灯片

<!-- 幻灯片循环开始-->
{section name=banner loop=$banner}

                <li data-transition="parallaxvertical">
                    <img src="./uploadfile/{$qid}/guangg/{$banner[banner].LogoPic}"   width="1920" height="705" data-bgposition="top center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="1" >
                    {if $banner[banner].Pic1}
                    <div class="tp-caption sfl tp-resizeme gardener-caption-h1" 
                        data-x="left" data-hoffset="0" 
                        data-y="top" data-voffset="190" 
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;" 
                        data-transform_in="o:0" 
                        data-transform_out="o:0" 
                        data-start="800">
                        <img class="txtImg" src="./uploadfile/{$qid}/guangg/{$banner[banner].LogoPic}" alt="{$banner[banner].LinkName}">
                    </div>
                    {/if}
                </li>   
 
                {/section}    

<!-- 幻灯片循环结束-->

section,sectionelse
section用来循环显示数组的数据，name和loop是必须的参数。name表示嵌套名. section 可以嵌套使用,但是名字必须各不相同。loop表示循环的次数. sectionelse在loop参数为空的输出。start用来规定循环开始的指针,如果值为负则从数组尾部计算开始的指针,默认为0.step表示循 环的步数,为负则反向循环,默认为1.max设定循环的最大步数.show决定是否显示section.
section也有自己的变量处理section属性,用{$smarty.section.sectionname.varname} 来显示.