JSFiddle - React, Tailwind, and code Playground

HTML

<script src="code.jquery.com/jquery.js"></script>
<div id="galleri">
<div class="next"></div>
<img src="http://www.morticms.dk/uploads/syddanske.png" />
<img src="http://www.morticms.dk/uploads/syddanske.png" />
<div class="tilbage"></div>
</div>

CSS

#galleri{
	width:800px;
	height:400px;
	position:relative;
	background-color:#09C;
}
.next{
	width:60px;
	height:60px;
	background-color:#333;
	position:absolute;
	top:45%;
	right:0;
}
.tilbage{
	width:60px;
	height:60px;
	background-color:#CCC;
	position:absolute;
	top:45%;
	left:0;
}
#galleri img {
	position:absolute;
	height:400px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

JavaScript

var klik_galleri =
{
	ready:function()
	{
		$('#galleri img:gt(0)').hide();
		$(function(){
			$('.next').click(function(){
				$('#galleri:first-child').next('img').fadeIn("slow").end().appendTo('#galleri');
			})
		})
		
		$(function(){
			$('.tilbage').click(function(){
				$('#galleri:last-child').prev('img').fadeIn("slow").end().appendTo('#galleri');
			})
		})
	}
}
$(document).ready(klik_galleri.ready);