<div class="main">

    <div class="page_container">

        <div class="gallery">

            <a href="#"><img src="img/1.jpg"></a>

            <a href="#"><img src="img/2.jpg"></a>

            <a href="#"><img src="img/3.jpg"></a>

            <a href="#"><img src="img/4.jpg"></a>

            <a href="#"><img src="img/5.jpg"></a>

            <a href="#"><img src="img/1.jpg"></a>

            <a href="#"><img src="img/2.jpg"></a>

            <a href="#"><img src="img/3.jpg"></a>

            <a href="#"><img src="img/4.jpg"></a>

            <a href="#"><img src="img/5.jpg"></a>

        </div>

    </div>

</div>

<script type="text/javascript">

    $(document).ready(function() {

        $(".gallery").flipping_gallery({

            enableScroll: false

        });

    });

</script>