360°立体手机展示jquery图片轮播

        蓝色背景可扩展图片数量的360°立体手机展示jquery图片轮播，带左右箭头，产品会围绕一个看不见的环，进行360°的依次展示，效果非常酷。兼容IE6。
1、在head里面引入下面的css样式和js文件：

<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>

2、在您的html的产品展示区域加入下面的代码：

<div id="page">
    <div id="phoneCarousel">
        <div class="previous arrow"></div>
        <div class="next arrow"></div>
        <div id="stage" style="top:60px;">
            <img id="iphone" class="default" src="img/phones/iphone.png" width="270" height="400" alt="iPhone" />
            <img id="nexus" src="img/phones/nexus_one.png" width="270" height="400" alt="Nexus One" />
            <img id="nokia" src="img/phones/nokia.png" width="270" height="400" alt="Nokia" />
            <img id="blackberry" src="img/phones/blackberry.png" width="270" height="400" alt="BlackBerry" />
        </div>
    </div>
</div>

增加图片数量的方法：将图片插入上面代码的<img>后面即可。