Aankondigingen

by Kaihgi

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<div class="multiplePagesContainer" style="position: relative; overflow: hidden; width: 688px; height: 600px;">

<!-- Cover -->
<div class="MP_page 1">
    <div align="left">
<img src="https://i.imgur.com/jQ8rDzO.png" alt=""></div>
	</div>
  
  <!-- Wicked Wardrobe -->
<div class="MP_page 2">
    <div align="left">
<img src="https://i.imgur.com/x2oyDVP.png" alt=""></div>
	</div>
  
  <!-- Unmasking The Evil -->
<div class="MP_page 3">
    <div align="left">
<img src="https://i.imgur.com/JXkP0yT.png" alt=""></div>
	</div>
  
  <!-- Angels VS Demons -->
<div class="MP_page 4">
    <div align="left">
<img src="https://i.imgur.com/G14KCaB.png" alt=""></div>
	</div>
  
  <!-- "achterkant"-->
	<div class="MP_page 5">
	   <div align="left">
<img src="https://i.imgur.com/u0HrhCm.png" alt=""></div>
</div>
  
 <div class="MP_goForth back" style="position: absolute; left: 0px; top: 50%; cursor: pointer; font-size: 50px; color: #737373; -webkit-transform: translate(0%,-50%); transform: translate(0%,-50%);" onclick="goToNextPage(-1)">
		◄
	</div>
	<div class="MP_goForth next" style="position: absolute; right: 0px; top: 50%; cursor: pointer; font-size: 50px; color: #737373; -webkit-transform: translate(0%,-50%); transform: translate(0%,-50%);" onclick="goToNextPage(1)">
		►
	</div>

</div>

<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol19.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/22/hol19-11.html" target="_blank" title="Three Bats"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Three Bats" style="position:absolute; top: 0px; right: 0px;" /></a>


<script>
$(document).ready(function()
{
	$('.MP_page').hide();
	$('.MP_page.1').addClass('visible').show();
});

function goToNextPage(direction)
{
	var totalPages = $('.MP_page').length;
	var currentPageNr = $('.MP_page.visible').attr('class').split('...

CSS

* {
  font-family: Arial, sans-serif;
  font-size: 12px;
}