I'm getting tired now having spent most of the day going backwards and forwards (more backwards at times

)
In Evo I pull resized images into Ditto using this code
<span class="product-ads">[+description+]</span>
<div class="prod-col-left">[+Image+]</div>
<div class="prod-col-center">
<span class="blacktext">[+date+]</span>
<span>[+introtext+]</span>
<a href="[~[+id+]~]" class="more">Read more</a>
You can see that here
http://www.anotherharddayattheoffice.co.uk/ads.html
With Articles I'm trying to achieve the same, I have a TV articleimage and then I have this on the article template
<img src="[[*articleimage:phpthumbof=`w=240&h=120`]]"
which produces this
http://www.ebenezerchapel.net/blog/2012/05/10/rampion/
I now want to bring that image into the Article Container
So I have tried adding various elements of code but am getting no where fast
such as
<h2 class="title"><a href="[[~[[+id]]]]">[[+pagetitle]]</a></h2>
<p class="post-info">[[%articles.posted_by]] <a href="[[~[[*id]]]]author/[[+createdby:userinfo=`username`]]">[[+createdby:userinfo=`username`]]</a> [[+tv.articlestags:notempty=` | <span class="tags">[[%articles.tags]]: [[!tolinks? &items=`[[+tv.articlestags]]` &target=`[[*id]]` &useTagsFurl=`1`]]</span>`]]</p>
<div class="entry">
<p>[[+introtext:default=`[[+content:ellipsis=`400`]]`]]</p>
<img src="[[*articleimage]]" />
The container
http://www.ebenezerchapel.net/blog/ shows a broken image link but there is no image URL
I have spent hours on various threads such as this one
https://forums.modx.com/thread/31349/phpthumbof-and-image-template-variables
but am totally flumoxed now by what I'm doing wrong.