Question

dedecms中内容页一张大图下有多张小图片可以切换是怎么实现的？？？？

Answer 1

使用AD Gallery制作,(http://www.helloweba.com/view-blog-61.html)
AD Gallery是一个带缩略图导航浏览，可设置照片标题和备注说明信息的jQuery相册插件。该插件提供了许多可配置的参数和方法，具有很强的定制功能。

追问

我要在dedecms中实现这个效果，不知道在dedecms中怎么实现？

追答

假设你把这个商品的N张图片保存在一个独立字段pics，页面需要显示这个效果的地方加以下代码

<div id="gallery" class="ad-gallery"> 
  <div class="ad-image-wrapper"></div> 
  <div class="ad-controls"></div> 
  <div class="ad-nav"> 
    <div class="ad-thumbs"> 
      <ul class="ad-thumb-list" id="thumbImgUl"> 

      </ul> 
    </div> 
  </div> 
</div> 

<div id="allimg" class="hidden">{dede:field.pics /}</div>

<SCRIPT language=javascript >
function showpic(id)
{
var content = $(id);
var showimg = $("thumbImgUl");
var img = content.getElementsByTagName("IMG");
var imageStr = "";
for(var i=0;i<img.length;i++){
imageStr+= '<li><a href="'+img[i].src+'" ><img src="'+img[i].src+'"  alt="'+img[i].alt+'" longdesc="'+img[i].src+'" class="image0" width="70" height="70"  border=0></a></li>';
}
if(imageStr!='')
{
showimg.innerHTML = imageStr;
void(document.close())
}
}
showpic("allimg");
$(function(){ 
   $('.ad-gallery').adGallery(); 
}); 
</SCRIPT>