JSFiddle - React, Tailwind, and code Playground

by magizter

HTML

<ul class="thumbwrap">

<li><div>
<a href="/page/1113/userid/12165/akt/1110/html/kepgaleria.html"><span class="wrimg"><span></span><img src="http://www.horgasz.hu/galeria/12165/thumb-haldordot.2.40kg...jpg" width="110" height="110" /></span></a></div></li>
	
<li><div>
<a href="/page/1113/userid/8028/akt/1110/html/kepgaleria.html"><span class="wrimg"><span></span><img src="http://www.horgasz.hu/galeria/8028/thumb-mi039.jpg" width="110" height="110" /></span></a></div></li>
	
<li><div>
<a href="/page/1113/userid/3608/akt/1110/html/kepgaleria.html"><span class="wrimg"><span></span><img src="http://www.horgasz.hu/galeria/3608/thumb-1310071743.jpg" width="110" height="110" /></span></a></div></li>

<li><div>
<a href="/page/1113/userid/2409/akt/1110/html/kepgaleria.html"><span class="wrimg"><span></span><img src="http://www.horgasz.hu/galeria/2409/thumb-a012.jpg" width="110" height="110" /></span></a></div></li>

<li><div>
<a href="/page/1113/userid/13902/akt/1110/html/kepgaleria.html"><span class="wrimg"><span></span><img src="http://www.horgasz.hu/galeria/13902/thumb-dscf0298.jpg" width="110" height="110" /></span></a></div></li>
	
<li><div>

<a href="/page/1113/userid/21442/akt/1110/html/kepgaleria.html"><span class="wrimg"><span></span><img src="http://www.horgasz.hu/galeria/15314/thumb-balin.jpg" width="110" height="110" /></span></a></div></li>
	
	
<li><div>
<a href="/page/1113/userid/5302/akt/1110/html/kepgaleria.html"><span class="wrimg"><span></span><img src="http://www.horgasz.hu/galeria/5302/thumb-pict0007.jpg" width="110" height="110" /></span></a></div></li>
    
    
</ul>

CSS

.thumbwrap li { display: none; }

JavaScript

var divs = $(".thumbwrap li").get().sort(function(){ 
  return Math.round(Math.random())-0.5; //random so we get the right +/- combo
}).slice(0,4)
$(divs).appendTo(divs[0].parentNode).show();