#bg img{margin:0 5pxborder:1px solid #dddwidth:80pxheight:80px}
#bg img.on{border-color:#f00}
</style>
<div id="bg">
<img src="缩略图地址" rel="大图地址">
<img src="缩略图地址" rel="大图地址">
<img src="缩略图地址" rel="大图地址">
</div>
//引入jQuery.js
<script>
var $mg=$("#bg").find("img")
$mg.click(function(){
var big=$(this).attr("rel")
$("body").css("background","url("+big+") 50% 50% no-repeat")
$(this).addClass("on").siblings("img").removeClass("on")
})
</script>
上面就是最简单的背景切换加缩略图,需要引入jQuery哈
试一下这个代码(直接替换你发出的代码):<div id="KinSlideshow" style="visibility:hidden">
{dede:arclist row='6' orderby='pubdate' type='image.' imgwidth='600' imgheight='300'}
<a href="[field:arcurl/]" target="_blank" alt="[field:title/]">[field:image/]</a>
{/dede:arclist}
</div>
解释:
{dede:arclist } {/dede:arclist} 这是数据循环的调用
row='6' 指调用6条信息
orderby='pubdate' 指按更新时间排序
type='image.' 指有上传缩略图或勾选图片属性的文章
imgwidth='600' imgheight='300'指图片的宽和高
[field:arcurl/] 指调出的图片所在文章的链接
[field:title/] 指文章标题
[field:image/] 指图片,已包含img标签