html点击显示图片(html点击图片弹出大图)
quot onmouseout=quotdisquot ltdiv class=quots1quot id=quots1quotltimg src=quotbigbmpquotltdiv 要是想弹出文字介绍 把s1里面的img换成字就行了,或者简单点就在第一个img上加一个alt的属性,鼠标放在上边也有显示。
回答这个需要JS,简单用Jquery来写吧,就在图片位置有个默认图片,然后点击左边,更改图片的路径就可以了撒。
lifloatleftliststyletextalignleftdisplayinlineoverflowhidden ltstyle 4图片问题页面图片多,最好使用小图缩略图大图影响显示慢,影响用户体验5程序也好,htmlcss也好,都需要慢慢。
代码是“ltimg scr = #39图片地址#39”1新建html文件,在body标签中添加img标签,img标签在html中没有结束标签,所以不需要添加“ltimg”代码给img标签添加属性“src”,属性值填自己想要添加图片的地址,这里以同一。
这样ltAhref=quotquotltimgsrc=quotimagesyumenjpgquotonmouseover=quotthissrc=#39imagesyumen1jpg#39quotonmouseout=quotthissrc=#39imagesyumenjpg#39quotwidth=quot100quotheight=quot28quotltA设置一个div,但是默认却。
要用到js鼠标点击事件,点击后把另一张事先隐藏的图片隐藏代码为dispaly显示出来displayblock。
你可以把图片的名称以数字顺序编号,然后给图片添加一个onclick事件,在事件中,采用 documentgetElementById图片IDsrc=给它赋下一张图片的路径。
50% margin50px 0 0 50pxltstyle下面是body里的部分ltdiv id=quotdivquotltdivltinput type=quotbuttonquot value=quot点击quot id=quotbtnquot以上是一个简单的点击按钮弹出一个居中的DIV,点击DIV则让这个DIV隐藏。
第一种方法将三张大图放在div里面,这三个div大小还有别的属性都一样,但是默认是隐藏的,display隐藏 displayblock显示 然后点击一张图片,对应的大图div显示出来,点击第二张,第一个大图div隐藏,第二个大。