title: Flexslider not loading first slide in Chrome + Safari
body: <p><a href="http://iamjen.me/yercheck" rel="nofollow noreferrer">iamjen.me/yercheck</a></p>
  
  <p>So I'm using this on my new site above, and have tried all of the solutions shown at this thread: <a href="https://stackoverflow.com/questions/12717097/flexslider-slow-image-load/22733576#22733576">Flexslider slow image load</a> (separately, of course), but the problem is still persists in Chrome and Safari. However, in FF and on mobile, things are loading beautifully (<em>I haven't tested on a PC yet</em>). Right now, I have Alfred Larsson's solution in place. I tried each with and without adjusting the initDelay in the js, because in my case, the first slide wasn't showing at all--it was jumping straight to the second, so I tried delaying so I could at least see the first slide. Currently, the initDelay is set to 1400ms, which is undesirable, but it's the best option I have until I can solve the bigger loading issue.</p>
  
  <p>Here's the code from flexslider.css referenced above:</p>
  
  <pre><code>.flexslider .slides &gt; li {
  display: none;
  -webkit-backface-visibility: hidden;
  }
  
  .flexslider .slides &gt; li:first-child {
      display: block; 
      -webkit-backface-visibility: visible;
  }
  </code></pre>
  
  <p>My HTML is pretty innocuous:</p>
  
  <pre><code>&lt;div id="home-slider" class="flexslider"&gt;           
  
  &lt;ul class="slides styled-list"&gt;
  
  &lt;li class="home-slide"&gt;&lt;p class="home-slide-content"&gt;
  I like things that are&lt;span class="highlight"&gt; easy to use&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
  
  &lt;li class="home-slide"&gt;&lt;p class="home-slide-content"&gt;
  I &lt;span class="highlight"&gt;&lt;i class="icon-heart"&gt;&lt;/i&gt;&lt;/span&gt; technology&lt;/p&gt;&lt;/li&gt;
  
  &lt;li class="home-slide"&gt;&lt;p class="home-slide-content"&gt;
  I think &lt;span class="highlight"&gt;failure&lt;/span&gt; gets a bum rap&lt;/p&gt;&lt;/li&gt;
  
  &lt;li class="home-slide"&gt;&lt;p class="home-slide-content"&gt;
  And I totally &lt;span class="highlight"&gt;dig&lt;/span&gt; end users&lt;/p&gt;&lt;/li&gt;
  
  &lt;/ul&gt;
  &lt;/div&gt;&lt;!-- END FLEXSLIDER --&gt;
  </code></pre>
  
  <p>Any advice on why it's still not working in Chrome and Safari, but loads as expected in FF and on mobile? It's clearly not a site weight issue, so I'm stumped. Thanks!</p>