大图:<img src="images/001.jpg" id="bg" rel="images/001.jpg">
rel 为php文件读取图片的相对路径 本实例php文件同images文件夹同目录

按钮:<input type="button" value="切换图1" onclick="qiehuan('images/001.jpg','images/001.jpg','images/test.jpg')">
<input type="button" value="切换图2" onclick="qiehuan('images/002.jpg','images/002.jpg','images/test2.jpg')">

var root = "{$root}";
var aa = new Zwatermark({
  bgId         : 'bg',            //需要打水印图片id
	wms          : 's_img',         //水印外层ID
	tourl        : '__ROOT__/widgets/'+root+'/2.php', //提交php文件路径
	alpha        :  80,             //水印透明度
	savename     :  'images/test.jpg',//生成图片
	callback     :  next             //打完水印后回调事件
});
//回调事件
function next( set ){
  document.getElementById('imgshow').src = ''+set.savename+'?'+new Date().getTime();
}
//背景图切换 src:图片绝对路径 rel:相对php路径 savename:生成图片名(相对php路径)
function qiehuan( src , rel , savename ){
  var bg = document.getElementById('bg');
  bg.rel = rel;
  aa.set.savename = savename;
  bg.src = src;
}