DRBU Component Library

Trots 

<div class="js-trots trots">
    <div class="trots_treaders">
        <div class="trots_treads trots_treads_forwards">
            <div class="trots_inner">
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/377x328/1" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/388x309/2" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/366x359/3" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/309x305/4" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/358x365/1" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/389x368/2" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/381x356/3" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/301x318/4" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/322x344/1" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/394x327/2" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/347x307/3" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/318x329/4" />
            </div>
        </div>
        <div class="trots_treads trots_treads_backwards">
            <div class="trots_inner">
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/321x321/1" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/398x389/2" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/353x328/3" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/376x300/4" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/381x302/1" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/341x352/2" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/369x345/3" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/350x306/4" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/349x300/1" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/316x388/2" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/322x338/3" />
                <img class="trots_image" alt="" src="https://images.fastspot.com/framework/344x324/4" />
            </div>
        </div>
    </div>
</div>
 
<div class="js-trots trots">
	<div class="trots_treaders">
		<div class="trots_treads trots_treads_forwards">
			<div class="trots_inner">
				{% for item in items|batch(items|length / 2, '')|first %}
					<img class="trots_image" alt="" src="https://images.fastspot.com/framework/{{random(100) + 300}}x{{ random(100) + 300 }}/{{ item.image }}" />
				{% endfor %}
			</div>
		</div>
		<div class="trots_treads trots_treads_backwards">
			<div class="trots_inner">
				{% for item in items|batch(items|length / 2, '')|last %}
					<img class="trots_image" alt="" src="https://images.fastspot.com/framework/{{random(100) + 300}}x{{ random(100) + 300 }}/{{ item.image }}" />
				{% endfor %}
			</div>
		</div>
	</div>
</div>

No notes defined.