web网页里根据参数不同显示不同图片实现放大缩小，移动方位观看

在制作网页的过程中经常会碰到根据参数显示不同图片的问题。如果仅仅是这样或许很简单，但是如果再加上实现放大缩小，移动方位观看。很多朋友就有困扰了。因为在原本的显示图片上你就有可能有很多问题，比如大小不合适，有重复出现等等。今天给大家介绍一个简单实现的方法。首先需要一个插件包（jQuery图片查看插件），把它放到你的项目里去（没用的文件和代码可以自己删除更改）。然后更改网页代码：<div id="imgContainer"> <img id="imageFullScreen" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="images/game.png"/> </div>将src 图片地址改为传参地址：<div id="imgContainer"> <img id="imageFullScreen" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="<%=url%>"/> </div>。<%String url=request.getParameter("address"); %>这个url就是你存入数据库传过来的路径参数，这样你就可以根据自己的传参不同来显示不同的可任意观看图片了。是不是很简单了？