图片切换

Posted #安生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片切换相关的知识,希望对你有一定的参考价值。

点击图片,对图片进行切换

技术分享
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>无标题文档</title>
 6 
 7 </head>
 8 
 9 <body>
10 
11 <img id="img1" src="img/2.jpg" width="200" />
12 
13 <script>
14 var oImg = document.getElementById(‘img1‘);
15 var onOff = true;        // 布尔值:true 1  false 0
16 
17 oImg.onclick = function (){
18     // if( oImg.src == ‘img/2.jpg‘ ){
19     // 有条件,就用现成的,如果没有,创造条件也得做事
20         
21     if( onOff ){
22         oImg.src = ‘img/4.jpg‘;
23         onOff = false;
24     } else {
25         oImg.src = ‘img/2.jpg‘;
26         onOff = true;
27     }
28 };
29 
30 </script>
31 
32 </body>
33 </html>
示例代码

 

以上是关于图片切换的主要内容,如果未能解决你的问题,请参考以下文章

如何在切换片段时停止 AsyncTask?

如何在 Kotlin 片段内的按钮之间切换片段?

切换片段时如何维护子视图的状态?

在片段之间切换时如何处理相机?

根据图片的url地址下载图片到本地保存代码片段

在jquery中切换动画