13518219792
1、点击JavaScript图片。
创新互联是一家专业提供师宗企业网站建设,专注与网站制作、成都网站设计、H5建站、小程序制作等业务。10年已为师宗众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
2、通过点击之中换成img的src属性。
3、换成属性之后，将图片设置成动画形式放大原来的1.5倍。
4、在设置中找到动画时间，将动画时间设为3秒即可。
这篇文章主要介绍了js实现单击图片放大图片的方法,涉及javascript操作图片的技巧与onclick事件的用法,需要的朋友可以参考下
本文实例讲述了js实现单击图片放大图片的方法。分享给大家供大家参考。具体实现方法如下：
代码如下:
html
title单击图片即可放大图片/title
body
点击图片预览效果。br
img
src="/images/m01.jpg"
onclick="this.width+=50;this.height+=50"
onclick="javascript:window.open(this.src);"
style="cursor:pointer;"/
img
src="/images/m02.jpg"
onclick="this.style.zoom='2'"
onclick="javascript:window.open(this.src);"
style="cursor:pointer;"/
/body
/html
希望本文所述对大家的javascript程序设计有所帮助。
讲一下大致思路吧，希望能帮到你
通常来说，元素id要求是唯一的，虽然不唯一也不会报错，但可能导致代码得不到你想要的效果。你在for循环里面定义了 id="blue2" 这是不合理的。
你不能在每个元素上统一设置 transform, 因为这样的话一变全都变了，区分不了。
for循环你能拿到索引 index，你可以根据index拿到当前展示的元素，那么 通过 index+1就能拿到下一个元素。注意，需要判断是否存在下一个元素
针对当前元素做缩小处理，下一个元素做放大处理。el.style.transform = 'scale()'
小程序的开发和原生js多多少少还是有些区别的，具体的情况需要你自己调试了。
