I have a editable page that acts as a form, and was wondering how to incorporate images into it.
Currently, it looks like this:
Clicking on the spriteId or name fields that have a darker background allows you to edit them inline.
I was thinking that clicking on the image would open a dialog box allowing you to edit or upload, but that seemed clumsy.
How is this generally done?
(The audience of this is generally technical, but not extremely so as it is a learning programming site.)
EDIT: Every user will need to change the image. The hen is a placeholder.
This is not a lesson, but a written version of Scratch, a popular drag and drop language. This is where the user can configure one of their sprites.
The image is one of the costumes for their sprite.