php - Image is loading but not showing -
i have weird problem , can't seem able find fix. when load post on site, it's supposed show main image, , other uploaded images below it. main image loads/shows fine, other images related post load don't show on page.
the container images loads too, can see there's empty space images should have loaded. if "inspect element" can see image exists, , hovering on line marks container. can see image has loaded (200). if make live css changes via "inspect element", images pop , shows fine.
i have feeling it's css issue, nothing i've tried seems work. appreciated.
php:
<?php $arr = auctiontheme_get_post_images(get_the_id(), 4); if($arr) { echo '<ul class="image-gallery">'; foreach($arr $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; }
screen shots:
this how post shows when page loads
the images shows after slightest css change
Comments
Post a Comment