smartyのその他の条件.thatのnth-childリスト/ div

Question

Smartyで作業しています。 nth-child li/divクラスの.tplファイルにif elseという条件を追加します。

私は2つの画像サイズを持っています。私は最初のliの600pxイメージ、2番目と3番目の400pxイメージ、そして4番目のliの600pxイメージを使いたいと思います。

現在、私はCSS3 nth-childセレクタを使用しており、縮尺400ピクセルの画像を使用しています。しかし、ロード時間は悪いです。私は必要なところで小さな画像を使いたい。

私は非常に複雑だと思います。それは...ですか？

は、ここに私のコードです：

<img src="{$purl}/thumbs/{$posts[i].pic}" alt="{$posts[i].story|stripslashes}" /> 

、それはposts.tpl内部ループ{section name=i loop=$posts} {include file="posts.tpl"} {/section}に存在します。

Answer 1

cycleが役に立ちます。それはおそらく、このようになります。

{foreach from=$images item=image} 
    {capture assign=currentKey}image-{cycle values='600,400,400'}{/capture} 
    <li><img src="{$image[$currentKey]}" alt="{$image.title}" /></li> 
{/foreach} 

あなたの場合：image-600とimage-400：

{section name=i loop=$posts} 
    {capture assign=thumbSize}{cycle values='big,small,small'}{/capture} 
    <img src="{$purl}/thumbs/{if $thumbSize eq 'big'}{$posts[i].pic}{else}s-{$r[i].pic}{/if}" alt="{$posts[i].story|stripslashes}" /> 
{/section}