1.
这是前台显示效果
<div class="preview">
<div id="wrap" style="top:0px;z-index:999;position:relative;">
<a href="[!--titlepic--]" class="cloud-zoom" id="zoom1" rel="adjustX: 10, adjustY:-4" style="position: relative; display: block;">
<img src="[!--titlepic--]" style="display: block;">
</a>
</div>
<ul id="thumblist" class="thumblist">
<li><em></em>
<div class="thumb-wrap">
<a href="[!--titlepic--]" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '[!--titlepic--]'">
<div class="imWrap">
<img src="[!--titlepic--]">
</div>
</a>
</div>
</li>
<li><em></em>
<div class="thumb-wrap">
<a href="[!--pic2--]" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '[!--pic2--]'">
<div class="imWrap">
<img src="[!--pic2--]">
</div>
</a>
</div>
</li>
<li><em></em>
<div class="thumb-wrap">
<a href="[!--pic3--]" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '[!--pic3--]'">
<div class="imWrap">
<img src="[!--pic3--]">
</div>
</a>
</div>
</li>
<li><em></em>
<div class="thumb-wrap">
<a href="[!--pic4--]" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '[!--pic4--]'">
<div class="imWrap">
<img src="[!--pic4--]">
</div>
</a>
</div>
</li>
</ul>
</div>
上传以下图片: