大图:<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; }