<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<meta http-equiv="X-UA-Compatible" content="ie=edge" />

<link rel="stylesheet" href="./css/loop.css" />

<title>Document</title>

</head>

<body>

<div class="loop1" style="width:670px;height:329px;">

<a href="#"><img src="../unify/img/gracetan_01.jpg" alt=""/></a>

<a href="#"><img src="../unify/img/gracetan_02.jpg" alt=""/></a>

<a href="#"><img src="../unify/img/gracetan_03.jpg" alt=""/></a>

<a href="#"><img src="../unify/img/gracetan_04.jpg" alt=""/></a>

<!--

<button class="left"><</button>

<button class="right">></button>

-->

</div>

<div class="loop1" style="width:670px;height:329px;">

<a href="#"><img src="../unify/img/gracetan_01.jpg" alt=""/></a>

<a href="#"><img src="../unify/img/gracetan_02.jpg" alt=""/></a>

<a href="#"><img src="../unify/img/gracetan_03.jpg" alt=""/></a>

<a href="#"><img src="../unify/img/gracetan_04.jpg" alt=""/></a>

</div>

<script src="../unify/js/jquery-3.3.1.js"></script>

<script src="../unify/js/newloop.js"></script>

<script>

$('.loop1').loop({ isChoice: false })

</script>

</body>

</html>