I use wordpress cms. I have built a simple email system wherein people can select posts. The code pulls the featured image of each selected post. On submit the images are sent to my gmail account with some html text content.
Problem is it is just displaying the links to those images, instead of the images itself. In my gmail account, I have this set Settings=>General=>Images=>Always display external images
. Here is a visual reference.
OBSERVATION - I can say that my code is alright as the images display fine in my outlook.com's email account and also because it had been displaying in the gmail account itself until very recently. Other observation is when I access the same gmail account in my smartphone, the image div seems to be empty with only the border and a tiny icon in the middle.
Do not want you to miss out anything so in case it is relevant - The one thing that I tried a few days ago was setup an SMTP email setup with smtp.gmail.com
using the login credentials of the same gmail account. At first I got a suspicious login attempt warning but the email setup worked fine after I added it as an exception.
I wonder what is happening, any ideas on what to try.
EFFORT UPDATES
FIRST UPDATE : I have tried sending to an alternative gmail account but the outcome is the same, displays only the links instead of images. If you must also know I have my site hosted on hostgator.com and the email sent is via gator3897.hostgator.com
.
SECOND UPDATE : As asked in the question here is an example of what my image's html looks like when clicked in the show-original in gmail. As I said this renders beautifully as intended in my outlook account so the mistake shouldnot be in the code.
<html><body>
<a href="http://examplewebsite.com/link-to-some-post/">
<img src="http://examplewebsite.com/media/2014/04/example.jpg" class="attachment-class" alt="some alt text"
height="300" width="230">
</a>
</body></html>
THIRD UPDATE :
I checked to see how it appears in chrome. Turns out it still does not display the image as intended but it does not turn into links, instead it appears as empty divs. It appears the same way in my smartphone. Screenshot below.
img
or adiv
? – MrWhite May 21 '14 at 11:03