Nieuws/blog met diverse grootte images in samenvatting (OPGE

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: Nieuws/blog met diverse grootte images in samenvatting

Post 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}
Haghorst
Forum Members
Forum Members
Posts: 49
Joined: Wed Oct 03, 2007 8:31 am

Re: Nieuws/blog met diverse grootte images in samenvatting

Post by Haghorst »

Het werkt. 8)
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}
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: Nieuws/blog met diverse grootte images in samenvatting

Post 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}
Haghorst
Forum Members
Forum Members
Posts: 49
Joined: Wed Oct 03, 2007 8:31 am

Re: Nieuws/blog met diverse grootte images in samenvatting

Post 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}
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: Nieuws/blog met diverse grootte images in samenvatting

Post by velden »

Ik ben verbaasd dat {elseif $entry@iteration %6 == 6} werkt. Want volgens mij kan het nooit 6 worden, wel 0.
Haghorst
Forum Members
Forum Members
Posts: 49
Joined: Wed Oct 03, 2007 8:31 am

Nieuws/blog met diverse grootte images in samenvatting

Post by Haghorst »

----------
Post Reply

Return to “Dutch - Nederlands”