조건부 패턴 반복 템플릿 템플릿

Question

매우 간단한 해결책이 될 것이라고 생각하지만 지금 당장은 내 머리를 감쌀 수 없습니다. Twig로 Craft CMS 템플릿을 만들고 특정 패턴의 일부 요소 (갤러리 이미지 블록)를 레이아웃하려고했습니다. 이 예제와 유사합니다. example photo

필자는 각 요소를 반복하면서 적절하게 작게 또는 크게 표시하려고합니다. sm, sm, lg, lg, sm, sm, sm, sm, lg, lg ... 등등.

는 내가 분명히이

{% if loop.index is even %} 
... 
{% endif %} 

처럼 또는 [SM, SM, LG 전자, SM, SM LG]

{% if loop.index is divisible by(3) %} 
... 
{% endif %} 

하지만 내의 결과에 대한 이와 같은 루프를 미리 형성 할 수 있습니다 알고 패턴은 조금 더 복잡합니다.

감사합니다.

Answer 1

원하는 패턴 ... sm sm lg 인쇄가 정상적으로 후 정상적으로 반전이다

sm sm lg lg sm sm sm sm lg ...

만들 수

macro (a function in Twig)이 패턴을 출력한다 :

{% macro printPattern(reverse = false) %} {# the function AKA macro signature #} 
    {% set sm = 'a small image' %} {# Make this an <img> tag. #} 
    {% set lg = 'a large image' %} 
    {% set pattern = (reverse) ? [lg, sm, sm] : [sm, sm, lg] %} 

    {% for n in pattern %}{{ n }} {% endfor %} 
{% endmacro %} 

{# If you wanted to use the macro in the same file you must include: #} 
{% import from _self as helper %} 

{# Then call the macro: #} 
{{ helper.printPattern(false) }} 
{{ helper.printPattern(true) }} 
{{ helper.printPattern() }} {# This does the same as helper.printPattern(false) #} 
{# because we set a default value for the passed-in variable in the macro's signature. #} 

을 Example

---

,515,

특별 참고

I는이 광고에 ternary 연산자 ? 사용 :

{% set pattern = (reverse) ? [lg, sm, sm] : [sm, sm, lg] %}

(reverse 호출이있는 boolean 값, 즉 true 또는 false).

{% if reverse %} 
    {% set pattern = [sm, sm, lg] %} 
{% else %} 
    {% set pattern = [lg, sm, sm] %} 
{% endif %} 

Ternary operator 조건부 변수에 일부 데이터를 할당하기위한 매우 편리합니다 :

그 라인에 해당합니다.