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?
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.
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Helping others is a great way to earn karma, gain badges and help ACF development!
The ACF site is currently experiencing some issues.— Advanced Custom Fields (@wp_acf) September 21, 2022
We apologize for the inconvenience and we are working hard to get it back up and running as soon as possible.
© 2022 Advanced Custom Fields.