Image component that changes every 30 minutes

[GregFinzer]

I need an image component for Orchard Core that will randomly pick from images in a folder every 30 minutes and display it. Is this something that already exists? If not, how would I begin to create it?

[Skrypt]

This will require that you create a custom field with a custom service. Though, highly recommend that the service that requests this folder index be cached, else if this folder has a massive amount of files it might become slow.

[GregFinzer]

I ended up creating a widget with this liquid to do it:

{%- assign imageIndex = 0 -%}
{%- assign max = Model.ContentItem.Content.ImageRotator.ImageRotatorImages.Paths.size -%}
{%- assign hour = "now" | date: "%H" | plus: 0 -%}
{%- assign minute = "now" | date: "%M" | plus: 0 -%}
{%- assign maxHourRotation = 24 | plus: max | plus: 1 -%}
{%- assign hourRemainder = hour | modulo:2 -%}

{%- if hourRemainder == 0 -%}
  {%- if minute < 30 -%}
      {%- assign target = hour | plus: 0 -%}
  {%- else -%}
      {%- assign target = hour | plus: 1 -%}
  {%- endif  -%}
{%- else -%}
  {%- if minute < 30 -%}
      {%- assign target = hour | plus: 1 -%}
  {%- else -%}
      {%- assign target = hour | plus: 2 -%}
  {%- endif  -%}
{%- endif  -%}

{%- for i in (0..maxHourRotation) -%}
	{%- if i == target -%}
		<img src="{{Model.ContentItem.Content.ImageRotator.ImageRotatorImages.Paths[imageIndex] | asset_url}}"
          {% if Model.ContentItem.Content.ImageRotator.AltText and Model.ContentItem.Content.ImageRotator.AltText.Text.size > 0 -%} alt="{{Model.ContentItem.Content.ImageRotator.AltText.Text}}"{%- endif -%}
          {%- if Model.ContentItem.Content.ImageRotator.ID and Model.ContentItem.Content.ImageRotator.ID.Text.size > 0 -%} id="{{Model.ContentItem.Content.ImageRotator.ID.Text}}"{%- endif -%}
          {%- if Model.ContentItem.Content.ImageRotator.Class and  Model.ContentItem.Content.ImageRotator.Class.Text.size > 0 -%} class="{{Model.ContentItem.Content.ImageRotator.Class.Text}}"{%- endif -%}
          {%- if Model.ContentItem.Content.ImageRotator.Height and Model.ContentItem.Content.ImageRotator.Height.Value > 0 -%} height="{{Model.ContentItem.Content.ImageRotator.Height.Value}}"{%- endif -%}
          {%- if Model.ContentItem.Content.ImageRotator.Width and  Model.ContentItem.Content.ImageRotator.Width.Value > 0 -%} width="{{Model.ContentItem.Content.ImageRotator.Width.Value}}"{%- endif %}
             >
		{%- break -%}
	{%- endif -%}

	{%- assign imageIndex = imageIndex | plus: 1 -%}

	{%- if imageIndex >= max -%}
		{%- assign imageIndex = 0 -%}
	{%- endif -%}
{%- endfor -%}