OnlyOriginal/index.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>xZoom</title>
<link type="text/css" rel="stylesheet" media="all" href="https://unpkg.com/xzoom/dist/xzoom.css" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/xzoom/dist/xzoom.min.js"></script>
<script type="text/javascript">
(function ($) {
    $(document).ready(function() {

        //Used only original images for everything
        $(".xzoom, .xzoom-gallery").xzoom();

    });
})(jQuery);
</script>
</head>
<body>
    <div style="text-align:center;">
        <div style="border:1px solid #ccc; display:inline-block; line-height:0;">
            <img class="xzoom" width="400" src="gallery/original/01_b_car.jpg" xoriginal="gallery/original/01_b_car.jpg" />
        </div>
        
        <div style="margin-top:10px">
            <a href="gallery/original/01_b_car.jpg" style="display: inline-block;">
                <img class="xzoom-gallery" width="68" src="gallery/original/01_b_car.jpg" />
            </a>

            <a href="gallery/original/02_o_car.jpg" style="display: inline-block;">
                <img class="xzoom-gallery" width="68" src="gallery/original/02_o_car.jpg" />
            </a>

            <a href="gallery/original/03_r_car.jpg" style="display: inline-block;">
                <img class="xzoom-gallery" width="68" src="gallery/original/03_r_car.jpg" />
            </a>

            <a href="gallery/original/04_g_car.jpg" style="display: inline-block;">
                <img class="xzoom-gallery" width="68" src="gallery/original/04_g_car.jpg" />
            </a>
        </div>
    </div>
</body>
</html>