<!DOCTYPE html>
<html lang="en">
<head>
<meta name="ad.size" content="width=468,height=400">
<script type="text/javascript">
var clickTag = "https://www.autojeni.fi/";
var clickTag1 = "http://www.jeni-autocenter.fi/";
var clickTag2 = "https://www.autojeni.fi/";
</script>
<meta charset="utf-8" />
<title>Varkaus</title>
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="swiper.min.css">
<!-- Demo styles -->
<style>
html, body {
position: relative;
height: 100%;
}
body {
background: #eee;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
}
.swiper-container {
width: 468px;
height: 400px;
position: absolute;
left: 0px;
top: 0px;
margin-left: 0px;
margin-top: 0px;
}
.swiper-slide {
background-position: center;
background-size: cover;
}
.swiper-slide img {
display: block;
width: 100%;
}
</style>
</head>
<body>
<!-- Swiper -->
<div class="swiper-container mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="javascript:void(window.open(clickTag))"><img src="auto-jeni-468x400.jpg" width="468" height="400" alt=""/></a></div>
<div class="swiper-slide"><a href="javascript:void(window.open(clickTag1))"><img src="jeni-autocenter-468x400.jpg" width="468" height="400" alt=""/></a></div>
<div class="swiper-slide"><a href="javascript:void(window.open(clickTag2))"><img src="automessut-468x400.jpg" width="468" height="400" alt=""/></a></div>
</div>
<div class="swiper-pagination"></div>
</div>
<!-- Swiper JS -->
<script src="swiper.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper(".mySwiper", {
effect: "cube",
grabCursor: true,
loop: true,
autoplay: 3500,
autoplayDisableOnInteraction: false,
slideShadows: false,
cube: {
slideShadows: false,
shadow: false,
shadowOffset: 20,
shadowScale: 0.94
},
pagination: {
el: ".swiper-pagination",
},
});
</script>
</body>
</html>