Dynamically inserting div with an image and image not getting loaded
Hi all.
I'm adding some "cards" to a div and those cards have two images located on the server.
The card I'm inserting looks like this:
- <div class="m-card">
<div class="m-header">
<div class="m-options"><span class="ui-icon-star"></span></div>
<img class="m-profile" src="http://domain.com/images/users/me.jpg" />
<div class="m-dname"><a href="#">@PPetree</a></div>
</div>
<div class="m-content">
<p>yum yum yum - nom nom nom</p>
</div>
<div class="m-restaurant">
<img class="m-restaurant-thumb" src="http://domain.com/images/meals/bobs.jpg" />
<div class="m-restaurant-content">
<div class="m-restaurant-name">Bob's Burgers</div>
<div class="m-restaurant-address"><p>1400 Glades Rd<br>Boca Raton, FL 33431 USA<br>561-555-1212</p></div>
</div>
</div>
</div>
I've triple verified that the images exist. There are no CSP violations.
I've also tried the trick of sticking a parameter on the ends of the image urls like this:
- http://domain.com/images/meals/bobs.jpg?1
- http://domain.com/images/meals/bobs.jpg?t=1524835702353
How do we force an image to load?