mui.previewImage();文章详情页怎么预览大图？

代码如下：
<article id="imgContainer">
<div class="mui-content-padded">
<h2>全瓷牙是什么？</h2>

                <p>牙齿意外脱落随着时间的推移脱落,牙齿的周围逐渐出现牙齿排列的变化，会导致咬合关系紊乱、前牙松动等系列问题。</p>  
                <p><img src="images/Ind_07.jpg" /></p>  
                <p>全瓷牙是先在治疗牙根上用瓷粉做一个内冠</p>  
                <p><img src="images/Ind_08.jpg" data-preview-src="images/Ind_08.jpg" data-preview-group="1"/></p>  
                <p>然后在外面烤上一层与天然色泽相近的瓷粉，最后粘接到牙齿上</p>  
                <p><img src="images/Ind_09.jpg" data-preview-src="" data-preview-group="1"/></p>  
                <p>外观独特，美学性能佳</p>  
                <p><img src="images/Ind_10.jpg" data-preview-src="" data-preview-group="1"/></p>  
                <p>没有金属基底冠，避免金属过敏和牙龈黑线</p>  

            </div>  
            <script type="text/javascript" src="js/mui.zoom.js" ></script>  
            <script type="text/javascript" src="js/mui.previewimage.js" ></script>  
            <script>  
            mui.previewImage();  
            </script>  
            <style>  
                .mui-fullscreen{background-color: rgba(0,0,0,0.5);}  
            </style>  
        </article>  

没有用呢？请问该怎么调用？