title: Go to slide based on data attribute in Slick Slider
body: <p>Some slides in my slick slider have data attributes such as this: <code>data-artwork="unique-id"</code>. What I'm trying to do is when you <code>hover</code> over a menu item it will <code>slickGoTo</code> a slide based on the data-attribute.</p>
  
  <p>The menu items have matching data-attributes like this:</p>
  
  <pre><code>&lt;ul class="project-feed"&gt;
      &lt;li data-artwork="unique-id"&gt;
          &lt;a href="#"&gt;Example&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and I'm using Javascript to add those data-attributes to a variable, like so:</p>
  
  <pre><code>$('.project-feed li').hover(function() {
      var artworkId = $(this).data('artwork'); // 'unique-id'
  });
  </code></pre>
  
  <p>My question is how can I then use slick slider to go to the relative slide? Ex: If I hover over a menu item with <code>data-artwork="test"</code> then it will go to the slide with the same <code>data-artwork</code> value.</p>
  
  <p><strong>For extra credit:</strong> How can I then resume the slider from where it left off?</p>