title: jQuery Slider not showing dynamic images in Laravel
body: <p>I wanted to implement Lightbox Slider on my blade view. I just read about <strong>Amazing Slider</strong> and it was properly working for the images but for absolute paths. Now I want to let slider show dynamic images from my database. I explode the images into array and pass it to the slider. The slider doesn't shows any image and there is no any error on console.</p>
  <p>However, when I click in middle of slider, it opens the lightbox and shows the first image only.
  Please see the screenshot</p>
  <p><a href="https://i.stack.imgur.com/Aa1a7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Aa1a7.png" alt="enter image description here" /></a></p>
  <p>How would I render my images coming from database?</p>
  <p>Blade</p>
  <pre><code>@php
      $images = explode (&quot;,&quot;, $row-&gt;gallery);
  @endphp
  
  
  @foreach($images as $key =&gt; $val)
  
  &lt;div class=&quot;amazingslider-wrapper&quot; id=&quot;amazingslider-wrapper-1&quot;&gt;
          &lt;div class=&quot;amazingslider&quot; id=&quot;amazingslider-1&quot;&gt;
             &lt;ul class=&quot;amazingslider-slides&quot; style=&quot;display:none;&quot;&gt;
               &lt;li&gt;
                 &lt;a href=&quot;{{URL::asset('src/uploads/' . $val)}}&quot; class=&quot;html5lightbox&quot;/&gt;
                    &lt;img src=&quot;{{URL::asset('src/uploads/' . $val)}}&quot; alt=&quot;1&quot;  title=&quot;1&quot; /&gt;
                 &lt;/a&gt;
  
               &lt;/li&gt;
            &lt;/ul&gt;
            
            &lt;ul class=&quot;amazingslider-thumbnails&quot; style=&quot;display:none;&quot;&gt;
                  &lt;li&gt;
                  &lt;img src=&quot;{{ URL::asset('src/uploads/' . $val) }}&quot; alt=&quot;1&quot; title=&quot;1&quot; /&gt;
                  &lt;/li&gt;
           &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  @endforeach
  </code></pre>