效果展示

实现代码：

    <div class="outDiv">
        <div class="innerDiv" data-img='true'>
            <img src="http://aimg8.dlszywz.com/xys/copy/mobile_pic/1/128_7471581637206058.jpg?x-oss-process=image/resize,m_lfit,w_360,limit_0" class="targetImg" />
        </div>
    </div>

    <script type="text/javascript">
        $(function() {
            new LongPicShow({});
        })
    </script>

        * {
            padding: 0px;
            margin: 0px;
            list-style-type: none;
        }

        .outDiv {
            width: 500px;
            height: 500px;
            margin: 20px auto;
        }

        .innerDiv {
            width: 500px;
            height: 500px;
            position: relative;
            background: #fff;
            overflow: hidden;
        }

        .innerDiv img {
            width: 100%;
        }

关键Js代码获取

https://www.hkiii.cn/content/templates/brief/js/demo.js