title: Add slide state class to Revolution Slider container
body: <p><a href="http://crystalweb.hu/lumindev2/lumin.html" rel="nofollow">LIVE DEMO</a></p>
  
  <p>I have a static layer on top of my 3-slides revslider.
  I want to change something in the static layer, when the slider reaches the third slide.</p>
  
  <p>Currently the slider gives a ".current-sr-slide-visible" class to the li element when reaching it, but in this way I can't target the static layer with CSS since it's in the parent container...</p>
  
  <p>This is my slider (simplified, just structural, see the above link to the full code):</p>
  
  <pre><code>&lt;div class="revslider"&gt;
    &lt;ul class="slides"&gt;
    ...
    &lt;li id="slide3"&gt;...&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div class="static-layer"&gt;
    &lt;svg class="logo"&gt;&lt;/svg&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>edit</strong>: So I want to add any "slide3" <strong><em>indicator to any element but not the li element</em></strong>. It could be good if I can put the indicator class on the ul, or the container, or the logo itself.</p>
  
  <p>I tried this (this is working anywhere else on the page but not with the slider as desired, dont know why):</p>
  
  <pre><code>$(function(){
      if($('#slide3').hasClass('current-sr-slide-visible')) {
          $('.logo').addClass('white-logo');
      }
  });
  </code></pre>
  
  <p><strong>edit2</strong>: tried via revslider api, but something is wrong with this, not working... if you could see what is the problem with this, it could be a better solution:</p>
  
  <pre><code>jQuery(document).ready(function() {
      var revapi = jQuery('.revslider').show().revolution(
      {
      // ...slider settings
      });
  
   // event for when slide is changed
   revapi.on('revolution.slide.onchange', function(e, data) {
  
      // slider changed
      var currentSlideNumber = data.slideindex;
      $('.revslider').addClass(currentSlideNumber);
  });
  });
  </code></pre>
  
  <p>Any help would be appriciated.</p>
  
  <p>Slider Version:
   * jquery.themepunch.revolution.js - jQuery Plugin for Revolution Slider
   * @version: 4.6.4 (26.11.2014)</p>