html overflow hidden body margin 0px padding 0px background #000 position absolute width点击就是查看图片的属性，如果是小就变成大图，如果是大图就变成小图 已赞过 已踩过lt 你对这个回答的评价是；你这个现实文字，需要跟图片对应~~~例如给每段文字加classword_01 ，word_o2，word_03然后展示图片的时候 根据index判断，现实相对应的那段文字可以用jQuery实现如果还是没有明白，把html代码打包给我，帮你调试；第一种方法将三张大图放在div里面，这三个div大小还有别的属性都一样，但是默认是隐藏的，display隐藏 displayblock显示 然后点击一张图片，对应的大图div显示出来，点击第二张，第一个大图div隐藏，第二个；lifloatleftliststyletextalignleftdisplayinlineoverflowhidden ltstyle 4图片问题页面图片多，最好使用小图缩略图大图影响显示慢，影响用户体验5程序也好，htmlcss也好，都需要慢慢。

quotimg3quotvar canvas = documentcreateElementquotcanvasquot， context = canvasgetContextquot2dquotcanvaswidth = img1naturalWidth + img2naturalWidthcanvasheight = Mathmaximg1naturalHeight；这个不难吧我大概写个原理给你lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot；通过图片的拉伸可以将一张很小的纯色图片冒充为一张大图，节约资源的加载绝对路径使用图片在硬盘上的绝对位置来访问图片，通常是从根目录开始，向下一个目录一个目录的寻找在开发网页的过程中，一般不会使用绝对路径 相。

需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltdiv style=quotwidth 100px height 50px fontsize；富文本编辑器中需支持图片点击放大功能，也可用这种方式实现 原效果点击放大后的效果；其实你可以采用变通的方法大背景就使用整个网页的背景，小背景，你可以把它放到一个大的表格的单元格中不知这样能否满足你的要求；应该是原图就是横着的我之前遇到过，有用户反映上传的图片的从竖着的变成了横着的，我最后要到了原图，原图就是横着的；functionbig_ = quotblockquotbig_imgonclick = functionbig_ = quotquotltscriptltbodylthtml默认只显示小图，点击小图会出现大图，点击大图或者灰色背景大图会消失。

网页链接 我给你一个地址，菜鸟教程Javascript这儿有图片弹窗的实例；1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3浏览器。

使用js js的鼠标事件，但鼠标移动到小图上面时，对应的大图显示，其他的大图display；1新建html文档2在head里插入链接和图片样式，表示鼠标经过时图片放大，代码如下ltstyle type=quottextcssquot a #bigwidth800pxheight480px a #bighover width1200pxheight720px ltstyle 3在body。