当前位置:Gxlcms > JavaScript > javascript实现的图片预览功能

javascript实现的图片预览功能

时间:2021-07-01 10:21:17 帮助过:4人阅读

这篇文章主要介绍了javascript实现的图片预览功能,结合实例形式分析了javascript针对图片预览相关功能实现技巧与注意事项,需要的朋友可以参考下

本文实例讲述了javascript实现的图片预览功能。分享给大家供大家参考,具体如下:

1.将下面的代码复制到<head>内

2.在<body>中加入

<p id="showimage" style="position:absolute;visibility:hidden"></p>

3.在连接图片的地方这样写

<a href="photo1.jpg" rel="external nofollow" onClick="return enlarge('photo1.jpg',event)">
<img src="thumbnail.gif" border="0">
</a>

记得更改图片路径

以上就是本章的全部内容,更多相关教程请访问JavaScript视频教程!

人气教程排行