title: Looping through and showing images in laravel blade, changing old angular code
body: <p>I'm trying to change an angular <code>repeat</code> that was being done on images on our website (in laravel). I'm removing angular from everything and trying to get it all done in laravel loops in the blade. </p>
  
  <p>I successfully changed everything to work with our controller and the image names are being collected, but on the front end it just shows the image names not the images themselves.</p>
  
  <p>Here's the original (working code) from angular:</p>
  
  <pre><code>&lt;li ng-repeat="i in x.image_names track by $index"&gt;&lt;a href="/imagelib/mediums/{{::i.split(',')[0] }}" target=_blank&gt;&lt;img ng-src="/imagelib/mediums/{{::i.split(',')[0] }}" style="width: 100%; height: auto;" /&gt;&lt;/a&gt;&lt;span class="uk-text-center" style="padding: 0 0 5px;"&gt;{{ ::i.split(',')[1] }}&lt;/span&gt;&lt;/li&gt;
  </code></pre>
  
  <p>And here's my new code (showing correct image names, but only the name not the actual image):</p>
  
  <pre><code>@foreach ($pgroup-&gt;image_names as $image_name)
  &lt;li&gt;&lt;a href="/imagelib/mediums/{{ $image_name }}" target=_blank&gt;&lt;img ng-src="/imagelib/mediums/{{ $image_name }}" style="width: 100%; height: auto;" /&gt;&lt;/a&gt;&lt;span class="uk-text-center" style="padding: 0 0 5px;"&gt;{{ $image_name }}&lt;/span&gt;&lt;/li&gt;
  @endforeach
  </code></pre>
  
  <p>Am I overlooking something in my conversion from Angular to Laravel that would cause the images to not show up?</p>