Answers.Body: <p>Try the following, it should do what you are after.</p>
  
  <pre><code>{#
    Generate array of entries comprised of first
    entry from each section
  #}
  {% set entries = [
    craft.entries.section('news').first(),
    craft.entries.section('other_section').first(),
    craft.entries.section('yet_another_section').first()
  ] %}
  
  {# Loop through entry array #}
  {% for entry in entries %}
    {% if entry.bannerSlider|length %}
      {% set image = entry.bannerSlider.first() %}
      {% set transformedImage = craft.imager.transformImage(image, { width: 1420, height: 550, position: image.focalPoint,  effects: { grayscale: true, gamma: 1.5}, }) %}
      &lt;li data-transition="" data-masterspeed="500"&gt;
      &lt;img src="{{ transformedImage.url }}"/&gt;
    {% endif %}
  {% endfor %}
  </code></pre>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-01-09T07:07:54.180Z
Answers.LastActivityDate: 2017-01-09T07:07:54.180Z
Answers.UserDisplayName: Fyrebase
Body: <p>I would like to display images from various sections, in this case the home page. I am still coming to terms with Twig/Craft's criteria models and the transform makes it confusing.</p>
  
  <pre><code>{% for image in craft.entries.section('news').limit(1) %}
      {% set transformedImage = craft.imager.transformImage(image, { width: 1420, height: 550, position: image.focalPoint }) %}
  
      &lt;img src="{{ image.bannerImage.first().getUrl }}" alt="" /&gt;
  {% endfor %}` 
  </code></pre>
  
  <p>Where do you then define the image? (<code>bannerImage</code> is a asset field)</p>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-01-09T07:08:39.593Z
Comments.Text: Can you please rewrite this question so it has context for other people who may be viewing.
Comments.UserDisplayName: Fyrebase
Tags: <image-transforms>
Title: Pulling images from other sections with image transform
ThreadText: # Pulling images from other sections with image transform
  
  (Asked by: username_0 on 2017-01-09)
  
  I would like to display images from various sections, in this case the home page. I am still coming to terms with Twig/Craft's criteria models and the transform makes it confusing.
  
  ```
  {% for image in craft.entries.section('news').limit(1) %}
      {% set transformedImage = craft.imager.transformImage(image, { width: 1420, height: 550, position: image.focalPoint }) %}
  
      <img src="{{ image.bannerImage.first().getUrl }}" alt="" />
  {% endfor %}` 
  
  ```
  
  Where do you then define the image? (`bannerImage` is a asset field)
  
  **Tags:** image-transforms
  
  > **Comments:**
  > **username_1**: Can you please rewrite this question so it has context for other people who may be viewing.  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2017-01-09. Score: 2 | Accepted answer
  
  Try the following, it should do what you are after.
  
  ```
  {#
    Generate array of entries comprised of first
    entry from each section
  #}
  {% set entries = [
    craft.entries.section('news').first(),
    craft.entries.section('other_section').first(),
    craft.entries.section('yet_another_section').first()
  ] %}
  
  {# Loop through entry array #}
  {% for entry in entries %}
    {% if entry.bannerSlider|length %}
      {% set image = entry.bannerSlider.first() %}
      {% set transformedImage = craft.imager.transformImage(image, { width: 1420, height: 550, position: image.focalPoint,  effects: { grayscale: true, gamma: 1.5}, }) %}
      <li data-transition="" data-masterspeed="500">
      <img src="{{ transformedImage.url }}"/>
    {% endif %}
  {% endfor %}
  
  ```
  
  
  ---
  
  