title: owl carousel slider second image does not load
body: <p>I am using owl carousel in magento ,slider is working and first slide loads perfectly but when slider goes to second one slide ,it does not show anything,if anyone take a look at code and suggest something that would be nice  ,I have below code </p>
  
  <p>`   </p>
  
  <pre><code>     &lt;h2 class="filter-title" style="margin-top: 20px;"&gt;&lt;span class="content"&gt;&lt;strong&gt;Featured Fashion 
  
  Dress&lt;/strong&gt;&lt;/span&gt;&lt;/h2&gt; 
  
  
  &lt;div class="owl-bottom-narrow owl-banner-carousel" style="margin-bottom:20px;"&gt;
              &lt;div id="banner-slider-demo-7" class="owl-carousel owl-theme" style="opacity: 1; display: block;"&gt;
                  &lt;div class="owl-wrapper-outer"&gt;&lt;div class="owl-wrapper" style="width: 4560px; left: 0px; display: block; transition: all 1000ms ease; transform: translate3d(0px, 0px, 0px);"&gt;&lt;div class="owl-item" style="width: 1140px;"&gt;&lt;div class="item" style="background:#f0f0f0;background-image:linear-gradient
  
  (#e8e8e8,#f0f0f0);position:relative;border-radius:5px;"&gt;
                      &lt;img src="{{media url="wysiwyg/porto/homepage/slider/05/01.png"}}" alt=""&gt;
                      &lt;div class="content type1" style="position:absolute;top:30%;left:10%;text-
  
  align:right"&gt;
                          &lt;h2 style="font-weight:600;line-height:1;color:#08c"&gt;HUGE &lt;b style="font-
  
  weight:800"&gt;SALE&lt;/b&gt;&lt;/h2&gt;
                          &lt;p style="color:#777;font-weight:300;line-height:1;margin-bottom:15px"&gt;Now 
  
  starting at &lt;span style="color:#535353;font-weight:400"&gt;$99&lt;/span&gt;&lt;/p&gt;
                          &lt;a href="#" style="font-weight:300;"&gt;Shop now &amp;gt;&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;&lt;/div&gt;&lt;div class="owl-item" style="width: 1140px;"&gt;&lt;div class="item" style="background:#f0f0f0;background-image:linear-gradient
  
  (#e8e8e8,#f0f0f0);position:relative;border-radius:5px;"&gt;
                      &lt;img src="{{media url="wysiwyg/porto/homepage/slider/05/02.png"}}" alt=""&gt;
                      &lt;div class="content type2" style="position:absolute;top:16.6%;right:25%;text-
  
  align:center"&gt;
                          &lt;h2 style="font-weight:700;line-height:1;color:#004f7f;border-
  
  color:#08c"&gt;SPECIAL&lt;/h2&gt;
                          &lt;h3 style="color:#08c;font-weight:700;line-height:1;margin-bottom:15px"&gt;OFFER&lt;/h3&gt;
                          &lt;p style="color:#004f7f;font-weight:400;line-height:1.4;margin-bottom:20px"&gt;Buy 
  
  new digital cameras &amp;amp; &lt;br&gt;get lenses or accessories&lt;/p&gt;
                          &lt;a href="#" class="btn btn-default"&gt;Shop now!&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  
              &lt;div class="owl-controls clickable"&gt;&lt;div class="owl-pagination"&gt;&lt;div class="owl-page active"&gt;&lt;span class=""&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="owl-page"&gt;&lt;span class=""&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
              &lt;script type="text/javascript"&gt;
              jQuery(function($){
                  $("#banner-slider-demo-7").owlCarousel({autoPlay:true,lazyLoad: true,stopOnHover: 
  
  true,pagination: true, autoPlay: true,navigation: false,slideSpeed : 500,paginationSpeed : 
  
  500,singleItem:true});
              });
              &lt;/script&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>`</p>