Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery/AJAX尼斯(不可见!)img在容器中垂直对齐_Jquery_Ajax_Positioning_Vertical Alignment - Fatal编程技术网

JQuery/AJAX尼斯(不可见!)img在容器中垂直对齐

JQuery/AJAX尼斯(不可见!)img在容器中垂直对齐,jquery,ajax,positioning,vertical-alignment,Jquery,Ajax,Positioning,Vertical Alignment,我正在使用AJAX获取页面上几个类似名片的div的数据(数字取决于查询)。div包含简单的文本和固定的图像空间(200x200px)。当然,图像大多较小,默认情况下与顶部对齐 我尝试将方法与.load()函数对齐,但它会加载所有图像,然后对它们进行定位,以便可以看到移动。我试着隐藏已加载的图像,定位它们,然后再显示,但快速重新加载后,图像似乎“闪烁” 有没有办法在容器的中心垂直对齐多个图像,这样看起来很好,用户看不到图像发生了什么变化 任何帮助都将不胜感激,我在网上找不到任何好的解决办法 哦,我

我正在使用AJAX获取页面上几个类似名片的div的数据(数字取决于查询)。div包含简单的文本和固定的图像空间(200x200px)。当然,图像大多较小,默认情况下与顶部对齐

我尝试将方法与.load()函数对齐,但它会加载所有图像,然后对它们进行定位,以便可以看到移动。我试着隐藏已加载的图像,定位它们,然后再显示,但快速重新加载后,图像似乎“闪烁”

有没有办法在容器的中心垂直对齐多个图像,这样看起来很好,用户看不到图像发生了什么变化

任何帮助都将不胜感激,我在网上找不到任何好的解决办法

哦,我当然不知道;在加载图像之前不知道图像的大小,因此使用图像大小的常用方法不起作用(有时取决于获取的图像数量。height()起作用,有时返回0)

编辑:好的,我找到了将我的图像设置为div背景的解决方案。它有时仍会闪烁,但我可以管理。

查看此问题:

$(”


图像加载功能非常不可靠。

好的,我找到了将我的图像设置为div背景的解决方案。它有时会闪烁,但我可以管理。

到目前为止你做了什么?你能给我们看什么代码?我已经解释了我所做的一切。
最新的尝试(闪烁一个)是:
$('.pic')。加载(函数(){$(this).css(“margin top”,(200-$(this.height())/2);$(this.show();});`当然,在这种情况下,图像一开始是用display:none;属性加载的。没有太大帮助,因为在我的情况下,它工作得很好(firefox)。只不过,正如我所说,它会产生丑陋的移动/闪烁效果。不过,我仍然确保每次都加载图像,而不是缓存图像。