[英]Vertically aligning dynamically loading images using jquery
我想动态对齐加载在div中的图像。 我想过一个解决方案,以获取父div的高度并获取当前正在加载的图像的高度,并将其从父div中减去并除以2 ..像这样..
$(".gallery a").click(function (evt) {
evt.preventDefault();
$(".image").empty().append(
$("<img>", {src: this.href})
);
});
在这里我想添加这样的东西,但我不知道确切的代码
$("<img>", {src: this.href, style: (margin-top:350-src.height()/2})
在这里350是说我的父div高度..请给我一个代码..我已经尝试了所有方法,但在这些动态加载的图像上没有其他操作。
我在下面发布的代码中的'mydesirednumber'变量包含对您的答案:“获取父div的高度并获取当前加载的图像的高度,然后从父div中减去该高度并除以2”
下面的示例假定您具有这样的DOM结构:
GALLERY
- DIV CLASS="thatdiv"
-IMAGE
-IMAGE
-IMAGE
- A (anchor)
- A (another anchor)...
代码如下:
$(".gallery a").click(function (evt) {
evt.preventDefault();
//whatever else you wanted to do before, here
var parentdivheight = $('.thatdiv').height();
var imageheight = $(<<WHEREVER-CURRENTLYLOADING-IMAGE-IS>>).height();
var mydesirednumber = (parentdivheight - imageheight) /2 ;
//whatever else you wanted to do after, here
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.