अगर अन्यथा smarty .tpl में nth-child list/div

Question

के लिए स्थिति मैं Smarty के साथ काम कर रहा हूं। मैं nth-child li/div कक्षाओं के लिए .tpl फ़ाइल में if else स्थिति जोड़ना चाहता हूं।

मेरे पास दो छवि आकार हैं। मैं पहले li में 400 पीएक्स छवि का उपयोग करना चाहता हूं, दूसरी और तीसरी में 400 पीएक्स छवि, और फिर चौथी li में 600px छवि और फिर भी।

वर्तमान में मैं CSS3 nth-child चयनकर्ता का उपयोग कर रहा हूं और 400px छवियों का उपयोग कर रहा हूं। लेकिन लोड समय खराब है। जहां आवश्यक हो वहां छोटी छवियों का उपयोग करना चाहता हूं।

मुझे लगता है कि यह बहुत जटिल है। क्या यह?

यहाँ मेरी कोड है:

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

और यह पाश {section name=i loop=$posts} {include file="posts.tpl"} {/section}posts.tpl अंदर में मौजूद है।

Answer 1

cycle सहायक होगा। image-600 और image-400:

{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} 

आपके मामले में यह शायद इस तरह दिखेगा:

{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}