I am trying to implement a custom banner with some text written on it.
- I have created a custom content type called banner with 2 fields: an image field and a text field.
- Then I process the image field through ImageCache actions in order to apply a watermark on a photo. (fine till now)
I want to use this image (the output of imagecache_actions) as a background image of a node, so that I can apply the text on top of it.
So now node is something like the following.
<div class="node" > <img src="" /> <div class=text> blabla </div> </div>
I want to change it to the following.
<div class="node" style="background: //use processed field by imagecache actions"> <div class=text> blabla </div> </div>
Seen from a different perspective, if I could dynamically overlay some text on top of the image, then that would also do the trick!
Can you suggest any idea?