jQuery快速切换商品图片

每一个图片结构图

<li>
    <ul class="cd-item-wrapper">
        <li class="cd-item-front"><a href="#0"><img src="img/thumb-1.jpg" alt="Preview image"></a></li>
        <li class="cd-item-middle"><a href="#0"><img src="img/thumb-2.jpg" alt="Preview image"></a></li>
        <li class="cd-item-back"><a href="#0"><img src="img/thumb-3.jpg" alt="Preview image"></a></li>
    </ul> <!-- cd-item-wrapper -->

    <div class="cd-item-info">
        <b><a href="#0">Product Name</a></b>
        <em>$9.99</em>
    </div> <!-- cd-item-info -->

    <nav>
        <ul class="cd-item-navigation">
            <li><a class="cd-img-replace" href="#0">Prev</a></li>
            <li><a class="cd-img-replace" href="#0">Next</a></li>
        </ul>
    </nav>

    <a class="cd-3d-trigger cd-img-replace" href="#0">Open</a>
</li>

引入相册插件

<script src="js/main.js"></script>