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

时间：2022-10-13 05:21:56

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

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

                <li data-transition="parallaxvertical">

                    <img src="./uploadfile/{$qid}/guangg/{$banner[banner].LogoPic}"  alt="" 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} 来显示.

相关文章