What @hube2 means is your basically asking a 2 part question.
#1 – How to pull the relevant data / text per image.
#2 – How to visually display the above data / text on each image in a small box giving credit to the original source.
With #1 he linked you to how (with writing some simple code) you could pull the data / text you need from the image.
This is the kind of help you would get from this site / forum. When you go on to ask for #2 specific “design” help also, then you would look for that kind of “specific” help from a site / forum where they concentrate on that.
So, once you atleast try #1 and post back here your code where you atleast tried, then someone could probably help you the rest of the way.
In your case, it would be more difficult to try and pull “the image’s source credit info” from the image itself.
Why not just create custom field(s) for each image?
Example:
News Article Image Name – Custom field for the image upload.
News Article Text Source – Custom field for the text you want to use inside the box.
News Article URL Source – Which is a url custom field to the source website / page.
Then on your page, in a DIV (you will have to determine your CSS styling)..
1. set the background image of the DIV to the image from the News Article Image Name custom field.
2. create an inner div, set that to absolute position (lower left) and use the News Article Text Source custom field
3. set that inner div’s hyperlink to News Article URL Source custom field.
