1、点击JavaScript图片。
站在用户的角度思考问题，与客户深入沟通，找到德州网站设计与德州网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、成都做网站、企业官网、英文网站、手机端网站、网站推广、域名注册、雅安服务器托管、企业邮箱。业务覆盖德州地区。
2、通过点击之中换成img的src属性。
3、换成属性之后，将图片设置成动画形式放大原来的1.5倍。
4、在设置中找到动画时间，将动画时间设为3秒即可。
JavaScript 是什麽？
JavaScript 是一种新的描述语言，此一语言可以被箝入 HTML 的文件之中。
透过 JavaScript 可以做到回应使用者的需求事件 (如： form 的输入) 而不用任何的网路
来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (server)
处理，再传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。你也可
以想像成有一个可执行程式在你的客端上执行一样！目前已有一些写好的程式在
Internet 上你可以连过去看看，以下有一些计算器的例子，在 Nescape 上。
JavaScript 和 Java 很类似，但到底并不一样！ Java 是一种比 JavaScript 更复杂
许多的程式语言，而 JavaScript 则是相当容易了解的语言。JavaScript 创作者
可以不那麽注重程式技巧，所以许多 Java 的特性在 Java Script 中并不支援。
如需相关的更多资讯，可以去读读 Netscape 的有关 Netscape JavaScript 之介绍。
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的script标签，输入js代码：$('body').append('img src="" /');。
3、浏览器运行index.html页面，此时图片被js成功显示到页面上。
代码错误太多 直接用这个（图片名字自己改）
body
img src="12.jpg" id="class1" width="120px" height="90" alt="" /
form action=""
select name="cached" onchange="loadCached(this)"
option value="img1"带/option
option value="img2"回/option
/select
/form
/body
script language="javascript" type="text/javascript"
var imageLibrary = new Array();
imageLibrary["img1"] = new Image(120,90);
imageLibrary["img1"].src = "1.png";
imageLibrary["img2"] = new Image(120,90);
imageLibrary["img2"].src="11.jpg";
function loadCached(list) {
var img = list.value;
document.getElementById("class1").src = imageLibrary.src;
}
/script
思路：使用javascript定时器函数setTimeout()每隔一定的毫秒间隔数执行动作，在执行的动作中循环替换图片的src属性。树立演示如下：
1、HTML结构
img src="1.png" id="test"
2、javascript代码
function change(n){
if(n5) n=1; // 一共5张图片，所以循环替换
document.getElementById("test").setAttribute("src", n+".png");
n++;
setTimeout("change("+n+")",1000);
}
window.onload = function(){
setTimeout("change(1)", 1000);
}
3、效果演示
最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。
先去官网下载layer包，你的网页引用layer的js文件。
地址：网页链接 点击相册层
然后js代码：
//调用示例
layer.ready(function(){ //为了layer.ext.js加载完毕再执行
var ps=$("#psize").val();
layer.photos({
photos: '#layer-photos-demo'
,shift: ps //0-6的选择，指定弹出图片动画类型，默认随机
});
});
html代码：
div id="layer-photos-demo" class="layer-photos-demo"
img layer-pid="图片id，可以不写" layer-src="缩略图片地址" src="图片地址" alt="" style="height: 140px;width: 120px;border:1px solid #bbb;"
/div