我有一个非常奇怪的问题,我似乎无法找到修复方法。 当我在我的网站上加载帖子时,它应该显示主图像,以及其下方的任何其他上传图像。主图像加载/显示正常,但所有其他图像与该后期加载相关但不显示在页面上。
图像的容器也会加载,因此您可以看到图像应该已加载的空白区域。如果我"检查元素"我可以清楚地看到图像存在,并且悬停在线上标记容器。我还可以看到图像已成功加载(200)。如果我通过" Inspect Element"进行任何实时CSS更改,图像会弹出并显示正常。
我有一种感觉它是一个CSS问题,但我尝试过的任何东西似乎都没有用。非常感谢任何帮助。
PHP:
<?php
$arr = AuctionTheme_get_post_images(get_the_ID(), 4);
if($arr)
{
echo '<ul class="image-gallery">';
foreach($arr as $image)
{
echo '<li><a href="'.AuctionTheme_wp_get_attachment_image($image, array(900, 700)).'" rel="image_gal1">'.wp_get_attachment_image( $image, array(130, 96) ).'</a></li>';
}
echo '</ul>';
}
?>
CSS:
.image-gallery {
list-style-type: none;
overflow: hidden;
margin: 10px 0 0;
padding: 0;
text-indent: 0
}
.image-gallery li {
float: left;
display: block;
margin-right: 5px;
margin-left: 0;
min-height: 106px;
min-width: 145px
}
.attachment-130x96 {
max-width: 130px;
max-height: 130px;
width: auto;
height: auto;
margin: 0;
display:block;
}
屏幕截图:
这是帖子在页面加载时显示的方式
图像显示最轻微的CSS更改后