title: Shuffle 12 <li> elements from <ul> excluding 3 elements from the list
body: <p>I would like to show from the list 12 <code>&lt;li&gt;</code> elements, shuffle them and keep the rest hidden. To did it I have used <code>shuffle.js</code> and it works perfectly, I used as well those few lines to hide the rest of the elements:</p>
  
  <pre><code>$('ul.small-block-grid-4').each(function(){
  
    var max = 11
    if ($(this).find('li').length &gt; max) {
      $(this)
        .find('li:gt('+max+')')
        .hide()
        .end()
    }
  
  }
  </code></pre>
  
  <p>Okey, so what's the problem? </p>
  
  <p>The problem is that, inside this list are square pictures and 4 tiles that I would like to rotate as well as the pictures (let them change place inside selected 12), but have them still in selected area.  </p>
  
  <p>I would appreciate if someone could suggest me idea how can I do this. </p>
  
  <p><a href="http://jsfiddle.net/bu21xjvt/" rel="nofollow"><strong>JSFiddle</strong></a></p>