Page 2 of 2
Re: Nieuws/blog met diverse grootte images in samenvatting
Posted: Thu Dec 19, 2013 10:41 am
by velden
Slordige fout van me ($item moet $entry zijn):
Code: Select all
{if $entry@iteration == 1}
{assign var='classname' value='large'}
{assign var='imageWidth' value='960'}
{assign var='imageHeight' value='500'}
{elseif $entry@iteration == 2 || $entry@iteration == 3}
{assign var='classname' value='medium'}
{assign var='imageWidth' value='460'}
{assign var='imageHeight' value='242'}
{else}
{assign var='classname' value='small'}
{assign var='imageWidth' value='290'}
{assign var='imageHeight' value='153'}
{/if}
Re: Nieuws/blog met diverse grootte images in samenvatting
Posted: Thu Dec 19, 2013 1:32 pm
by Haghorst
Het werkt.
Echter wil ik het graag laten loopen. Dus wanneer er een 7e item komt dat deze dan weer begint met een grote image, 2 kleine en die 3 eronder.
Is dit mogelijk?
http://tinyurl.com/rewera
Code: Select all
{foreach from=$items item=entry}
<div class="CGBlogSummary">
{if $entry@iteration == 1}
{assign var='classname' value='large'}
{assign var='imageWidth' value='960'}
{assign var='imageHeight' value='500'}
{elseif $entry@iteration == 2}
{assign var='classname' value='middle'}
{assign var='imageWidth' value='477'}
{assign var='imageHeight' value='248'}
{elseif $entry@iteration == 3}
{assign var='classname' value='middleright'}
{assign var='imageWidth' value='477'}
{assign var='imageHeight' value='248'}
{elseif $entry@iteration == 4}
{assign var='classname' value='smallarge'}
{assign var='imageWidth' value='638'}
{assign var='imageHeight' value='335'}
{else}
{assign var='classname' value='small'}
{assign var='imageWidth' value='317'}
{assign var='imageHeight' value='165'}
{/if}
<div class="{$classname}">
{if $entry->Afbeelding}
{assign var=path value=$entry->file_location}
{assign var=image value=$entry->Afbeelding}
{CGSmartImage src1=$entry->file_location src2=$entry->Afbeelding class="image" width="$imageWidth" height="$imageHeight"}
{/if}
<h1>{$entry->title}</h1>
{if $entry->YoutubeID}
<div><a href="http://www.youtube.com/v/{$entry->YoutubeID}" target="_self">PLAY</a>
{/if}
<a href="{$entry->detail_url}">INFO</a></div>
</div>
{/foreach}
Re: Nieuws/blog met diverse grootte images in samenvatting
Posted: Thu Dec 19, 2013 1:45 pm
by velden
Ja dat kan ook. Daar bij kun je gebruiken maken van de modulus operator.
Denk op deze manier:
Code: Select all
{if $entry@iteration % 6 == 1}
{assign var='classname' value='large'}
{assign var='imageWidth' value='960'}
{assign var='imageHeight' value='500'}
{elseif $entry@iteration % 6 == 2}
{assign var='classname' value='middle'}
{assign var='imageWidth' value='477'}
{assign var='imageHeight' value='248'}
{elseif $entry@iteration % 6 == 3}
{assign var='classname' value='middleright'}
{assign var='imageWidth' value='477'}
{assign var='imageHeight' value='248'}
{elseif $entry@iteration % 6 == 4}
{assign var='classname' value='smallarge'}
{assign var='imageWidth' value='638'}
{assign var='imageHeight' value='335'}
{else}
{assign var='classname' value='small'}
{assign var='imageWidth' value='317'}
{assign var='imageHeight' value='165'}
{/if}
Re: Nieuws/blog met diverse grootte images in samenvatting
Posted: Thu Dec 19, 2013 2:20 pm
by Haghorst
Het werkt.
Top!
Ik gebruik nu deze code:
Code: Select all
{foreach from=$items item=entry}
<div class="CGBlogSummary">
{if $entry@iteration %6 == 1}
{assign var='classname' value='large'}
{assign var='imageWidth' value='960'}
{assign var='imageHeight' value='500'}
{elseif $entry@iteration %6 == 2}
{assign var='classname' value='middle'}
{assign var='imageWidth' value='477'}
{assign var='imageHeight' value='248'}
{elseif $entry@iteration %6 == 3}
{assign var='classname' value='middleright'}
{assign var='imageWidth' value='477'}
{assign var='imageHeight' value='248'}
{elseif $entry@iteration %6 == 4}
{assign var='classname' value='smallarge'}
{assign var='imageWidth' value='638'}
{assign var='imageHeight' value='335'}
{elseif $entry@iteration %6 == 5}
{assign var='classname' value='small'}
{assign var='imageWidth' value='317'}
{assign var='imageHeight' value='165'}
{elseif $entry@iteration %6 == 6}
{assign var='classname' value='small'}
{assign var='imageWidth' value='317'}
{assign var='imageHeight' value='165'}
{/if}
{/foreach}
Re: Nieuws/blog met diverse grootte images in samenvatting
Posted: Thu Dec 19, 2013 3:00 pm
by velden
Ik ben verbaasd dat {elseif $entry@iteration %6 == 6} werkt. Want volgens mij kan het nooit 6 worden, wel 0.
Nieuws/blog met diverse grootte images in samenvatting
Posted: Fri Dec 20, 2013 4:01 pm
by Haghorst
----------