5

我正在与 Smarty 合作。我想在我的文件中为 nth-child li/div 类添加一个if else条件。.tpl

我有两种图像尺寸。我想在第一个中使用 600px 图像,li在第二个和第三个中使用 400px 图像,在第四个中再次使用 600px 图像,li依此类推。

目前我正在使用 CSS3nth-child选择器并使用缩放的 400 像素图像。但是加载时间很糟糕。我想在需要的地方使用较小的图像。

我想它非常复杂。是吗?

这是我的代码:

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

它存在于循环{section name=i loop=$posts} {include file="posts.tpl"} {/section}内部posts.tpl

4

1 回答 1

2

循环会有帮助。

假设您有一个数组,其中包含存储在两个字段中的图片路径:image-600image-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}
于 2012-07-15T19:28:19.480 回答