同一个页面重复使用一个js插件，后面的无效问题

代码：

<div style="overflow: hidden;">
    <div id="iphone">
        <div id="example">
            <div id="slides">
                <div id="imgcontainer" class="slides_container">
                </div>
                <a href="#" class="prev"><img class="png" src="~/webimgs/prev.png" alt="Arrow Prev" /></a>
                <a href="#" class="next"><img class="png" src="~/webimgs/next.png" alt="Arrow Next" /></a>
            </div>
        </div>
    </div>
    <div id="morePic" style="overflow: hidden; padding-top: 84px; position: relative; left: -113px;margin-top: 5em;">
    </div>
</div>

这样的代码就实现这样一个效果，但是我现在需要实现下面的效果



但是复制的这一个没能将插件的效果达到，里面的图片是空的，按钮也没被添加事件！
插件名称：slides.min.jquery.js
插件下载：手机界面切换

问题，如何实现一个页面多个重复的使用这个插件