效果图：

代码：

<link href="js/images/common.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/js/jquery.min.js"></script>
<script type="text/javascript" src="js/js/real.js"></script>

<div class="container">
    <div class="folio_block">
        <div class="main_view">
            <div class="window">
                <div class="image_reel" style="width: 3160px; left: 0px; ">
                    <a href="portal.php?mod=list&catid=22"><img src="js/images/reel_1.jpg" alt=""></a>
                    <a href="portal.php?mod=list&catid=11"><img src="js/images/reel_2.jpg" alt=""></a>
                    <a href=".."><img src="js/images/reel_3.jpg" alt=""></a>
                    <a href="portal.php?mod=list&catid=10"><img src="js/images/reel_4.jpg" alt=""></a>
                </div>
            </div>
            <div class="paging" style="display: block; ">
                <a rel="1" class="active">1</a>
                <a  rel="2" class="">2</a>
                <a  rel="3" class="">3</a>
                <a  rel="4" class="">4</a>
            </div>
        </div>

   </div>

</div>