这里特别说明,我做了个批量上传图片的效果,但是现在我要在每个图片右上角增加一个删除叉的小图片,然后点击这个小图片图片自动隐藏,至于删除我会用程序进行实现。不知道哪位大侠给个办法,谢谢了
在网上找了一个css图片右上角加删除叉,拿下来试了下,但是有问题,没有实现删除,我也米看清楚到底是哪出错了?
商品列表 - <?php echo $_LANG['home'];?> 日落湖和平日落景观......
2013年6月6日 天国的桥梁桥在哪里?
by SigitEko
回复讨论(解决方案)
或者不用看这个代码,哪位知道怎么给图片右上角加一个删除叉的小图片最好,我就需要的是这种效果,因为我的css技术太差劲了
哪位帮忙下,在下不胜感激
x
.pic-show{margin:10px;position:relative;width:100px;height:100px;}.pic-show p{position:absolute;width:8px;height:8px;right:-8px;top:-8px;}
补充一下 如果 你要把 P 标签改成 A 标签的话 记得 display:block
嗯, 不知道。。,,,,,,,,,,,,,,
补充一下 如果 你要把 P 标签改成 A 标签的话 记得 display:block
我要点击那个叉的话,图片隐藏该怎么做?
哪位看下这是我实现的效果,现在我想在这个基础上实现多个点击隐藏,但是只能点击一次
$(function(){
$(".closeimg").click(function(){
$(this).parent().remove();
});
});
$(function(){
$(".closeimg").click(function(){
$(this).parent().remove();
});
});
哥们可以隐藏了,能看下这个吗,我上传返回图片排列成这了
这里是CSS
.preview{width:80px;border:solid 1px #dedede; margin:10px 1px 10px 20px;padding:10px;float:left;}
#pic-show{margin:15px 15px 15px 0px;position:relative;float:left;}
#pic-show p{position:absolute;width:8px;height:8px;right:-4px;top:-30px;cursor:hand;}
html 贴下
$(function(){
$(".closeimg").click(function(){
$(this).parent().remove();
});
});
哥们可以隐藏了,能看下这个吗,我上传返回图片排列成这了
这里是CSS
.preview{width:80px;border:solid 1px #dedede; margin:10px 1px 10px 20px;padding:10px;float:left;}
#pic-show{margin:15px 15px 15px 0px;position:relative;float:left;}
#pic-show p{position:absolute;width:8px;height:8px;right:-4px;top:-30px;cursor:hand;}
谢谢,我自己解决了,可能是php输出的json数据,没有接收到样式只有图片,我直接把样式写在JSON里面了