js图片点击播放，js怎么弹出图片

基于javascript代码实现通过点击图片显示原图片

如果是在新窗口看的话，不用JS，直接A标签加上图片地址就好了。如果是需要这种效果的话，可以制作隐藏层，点击图片的时候显示出来。

最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。先去官网下载layer包，你的网页引用layer的js文件。

声明只能用于 IE内核浏览器 chrome浏览器获取文件路径麻烦，火狐太卡。。

可以用js事件“onmouseover”和“onmouseout”来实现。

相关问答

Q1: js图片展示,就是没点击时可以自动播放三张图片,点击的时候能换图片的...

1、跟页面内元素滚动效果差不多，给你个大概思路吧。

2、第一个是将所有图片加载，但是只显示一张图片，其余的隐藏，每点击一次，将当前的隐藏，下一个显示。

3、在index.html中的标签，输入js代码：function fun() { var a = Math.random() * 5；(img).attr(src， image + a + .jpg)；} 浏览器运行index.html页面，此时点击图片会换一张图片。

4、) /上面的就可以实现点击按钮显示不同的图片了，你也可以把图片地址放到button里，把button当参数传到方法里。

Q2: html如何点击图片播放音乐

1、每张图片里加上html5的 audio标签， 然后用js或者jq获取到图片ID绑定事件，控制audio就可以了，你可以看看有关audio的api ， 有控制播放暂停的相关方法。

2、第一种：在页面代码中的head/head之间加入bgsound src=音乐urlloop=-1 这段代码。在这里要说的是，“loop”中的数值是音乐循环的次数，可设置为任意 正整数 ，若设为“-1”的话，音乐将永远循环。

3、如果是的话，你需要为所以音乐设布尔变量，也就是每个图都设个变量开确定是否在播放了。onclick是html的attribute，可以让html的tag监听js事件，点击之类的。

4、由于浏览器的安全策略问题，现在已经不再支持打开页面自动播放音乐了，如需要播放还是要让用户点击播放才可以，可以使用html5的audio标签加载音乐播放。

5、首先第一步根据下图所示，先准备需要播放的MP3音乐，接着创建并打开html文件。 第二步打开文件后，根据下图所示，添加相关标签。

6、第一种：页面代码中的head/head之间加入bgsound src=音乐url loop=-1 这段代码。 loop指音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。

Q3: html中怎么点击图片弹出视频

1、首先在电脑上启动DW网页编辑器，新建一个html网页。然后在body中插入一个div【div/div】，并在head中引入CSS【style type=text/css/style】。

2、你这个是网页动态交互效果，只能用JavaScript去实现。类似于于弹窗。

3、弹出层的z-index属性值改为9999试试。

4、最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。先去官网下载layer包，你的网页引用layer的js文件。

5、保存网页图片 其实IE就可以点浏览器的文件---另存为就可以把网页另存为“html，全部”，这样就会生成一个html文件和一个同样名字但多出。 files字样的文件夹，打开那个文件夹里面就有所有的图片。

Q4: javascript点击查看图片,弹框显示图片,怎么用js怎么实现?

1、window.open(surl，sname)；surl 是一个字符串，它指定了要显示文档的url。如果不指定url，就产生一个空窗口。sname 是定义的窗口名字，这个名字被用于或者标记的 target 属性。

2、这个方法的参数你没加引号，应该传入一个字串才对，你目前的写法，在js里会认为你传入的是个变量。

3、其实很简单，就像xiangyuecn回答的那样。不过那是开新的浏览器窗口显示图片，如果你要在同一个窗口显示，那就要用到JS。

4、通过JS代码 document.getElementById(divID).style.etElementById(divID).style.display = none。函数可以实现。遮罩层： ，即作为背景层，覆盖整个页面。

5、如果是在新窗口看的话，不用JS，直接A标签加上图片地址就好了。如果是需要这种效果的话，可以制作隐藏层，点击图片的时候显示出来。

关于js图片点击播放和js怎么弹出图片的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。