2 yefen yefen_ 于 2016.02.23 10:23 提问

求助新手大神勿喷,怎样实现缩略图点击后放大,只使用html+css技术!
css

如标题1111111111111111111111111111111111111111

4个回答

qq_19891827
qq_19891827   2016.02.23 10:29

只是用html+css实现不了的,需要用到点JavaScript的知识

qq_19891827
qq_19891827 回复yefen_: 可以的,但是想要点击实现放大的效果,需要配合js
2 年多之前 回复
yefen_
yefen_ 我记得可以用添加一个超链接用浮动和定位可以做出这个效果么??
2 年多之前 回复
gllstc
gllstc   2016.02.23 16:29

为什么不用封装好的呢。我自己用的是fancybox

liuyan19891230
liuyan19891230   2016.02.25 08:44

配合JS,或者使用CSS3.
使用CSS非常容易实现。

liuyan19891230
liuyan19891230   2016.02.25 08:44

配合JS,或者使用CSS3.
使用CSS3非常容易实现。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
鼠标滑过,缩略图放大显示(纯CSS)
鼠标滑过,缩略图放大显示 * {margin:0;padding:0;} img {border:0} #imgmove li {float:left; width:50px; height:40px; display:block; overflow:visible;*overflow:hidden; margin:0px 5px; border:3px #333 solid; po
html图片上传阅览并且点击放大
在做项目的时候用到了图片上传,用的是网上找到的一个bootstrap模板,里面的有比较好的图片上传预览功能,但是无法点击放大图片,感觉这样用户体验不怎么好,所以就想自己加一个点击放大图片的功能上去;用到了一个GitHub的开源项目Viewer.js;地址:https://github.com/fengyuanchen/viewer; 但是在开发的时候发现对于原本就已经加载的图片是可以放大的,但是
CSS实现缩略图鼠标移上去显示大图
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 完全css实现缩略图鼠标移上去显示大图 .list{position:relative;} .list span img{ /*CSS for enlarged image*/ border-wi
利用html和Jquery实现照片墙(点击之后放大,再点击缩小)
$(function(){ initimg(); initposition(); $(window).resize(initposition); $(".wrap .imgs li").click(smallImg); //初始化照片,循环拼接 function initimg(){ for(var i=1;i<=24;i++){
实现仿百度图片查看功能(点击缩略图放大效果)
我们知道,进入百度图片后,输入一个关键字后,首先看到的是很多缩略图,当我们点击某张缩略图时,我们就可以进入到大图显示页面,在大图显示页面,中包含了一个图片画廊,同时当前大图为刚刚我们点击的那张图片。现在我们看看在Android中如何实现类似的效果:首先,我们需要有一个控件来显示缩略图,这里没有什么比GridView更加合适了。配置文件如下:我们知道,进入百度图片后,输入一个关键字后
纯css3实现点击缩略图切换背景图
1:html页面部分: html> html lang="en"> head> meta charset="UTF-8"> title>纯css3实现背景图片切换效果title> link rel="stylesheet" href="css/main.css"> head> body> main role="main"> 缩略图【start】
HTML点击图片放大
纯HTML和JS,CSS实现的点击图片,图片放大的功能
Android点击缩略图,放大至全图
最近做一个项目类似于QQ空间,做到照片浏览的功能,对于QQ空间中点击图片放大至全屏,感觉效果很赞,于是也做了个类似的效果。如下。 我不知道QQ那个是怎么做的,我的思路如下: 首先,从图片缩略界面跳转到图片详情页面,应该是从一个Activity跳转到另外一个Activity,应该图片详情页面也有很多操作,用View或者Dialog不是很好。所以现在难点就是,如何使
css~使用css扩大可点击区域
根据Fitts法则,可以得出:目标越大,越容易到达。因此,对于那些较小的,难以瞄准的控件来说,如果不能把他的视觉尺寸直接扩大,将其可点击区域扩大也能提高用户体验。 1 只是一个单纯图标时,设置一层透明边框 border:10px solid transparent; background-clip:padding-box;1212 2 当点击元素旁有其他元素时,使用第一种办法可能会导
js点击缩略图,整屏居中放大图片
需要实现的效果图: 今天开发的时候,遇到要点击缩略图之后居中显示图片的大图查看(大致效果如上图所示)~想了好几种实现方式,最开始的时候,是想通过animate来点击图片进行显示,可是后来当我想要让放大的图片进行居中显示和点击别的地方隐藏已显示的大图的时候,才发现实现起来有难度。1 第一张点击图片将图片放大 。。。