Getting a 404 error on uploaded images in custom fields section

That's happening because your echoing the while array (image object).

you need to specify the url key of that array.

<?php echo $image['url']; ?>

what function are you using to get the image?

Sorry, what do you mean "option rather than a URL" ? do you mean object? and not option? if so,

This is an image object

Array
(
    [id] => 363
    [alt] => 
    [title] => me
    [caption] => 
    [description] => 
    [mime_type] => image/png
    [url] => http://www.mo7sin.dev/wp-content/uploads/2011/10/me.png
    [width] => 250
    [height] => 300
    [sizes] => Array
        (
            [thumbnail] => http://www.mo7sin.dev/wp-content/uploads/2011/10/me-150x150.png
            [thumbnail-width] => 150
            [thumbnail-height] => 150
            [medium] => http://www.mo7sin.dev/wp-content/uploads/2011/10/me.png
            [medium-width] => 250
            [medium-height] => 300
            [large] => http://www.mo7sin.dev/wp-content/uploads/2011/10/me.png
            [large-width] => 250
            [large-height] => 300
        )

)

as you can see, you have alot of keys available to use, and you will in a future project.

Now if you choose Image ID to be returned, you will receive the first key only which is ID ** [id] => 363**

and you will get it as integer 363 , WordPress has many functions would receive that ID as its parameter

like http://codex.wordpress.org/Function_Reference/wp_get_attachment_url for example.

I'm not entirely sure if this is what you're looking for, but in my content-art file (the one that works on the page I linked to above), I have the following, image-related code:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

Then there's some different classes in the header portion like entry-header, entry-title, entry-meta, before the image code appears in a div class entitled "entry-content", like so:

<p><img src="<?php the_field('image'); ?>" alt="Example image of <?php the_title(); ?>"></p>
        <p><?php the_field('description'); ?></p>

That's the only type of image-related code that came in the downloadable material so if it's not there, it's possible I messed up creating the actual custom post type and 'art' field during the video tutorial and simply deleting it and starting over might work...since I'm not totally sure where I'd even include the specifications of the URL key (unless it's in a file like page.php).

Hey there,

Thanks so much for this detailed explanation. I tried the first option (switching from it returning an object to a URL) and it worked fine (which is weird, because I thought that's what I'd first chosen and then switched it over when it wasn't working initially).

If you don't mind my asking, what would be an example of a time when you'd want to return an option rather than a URL? What types of content would pop up if that option were selected and you published it live? I guess I'm unsure about that and the other option, which is Image ID. Clearly I still have a lot to learn.

Thanks again for the help with this. I literally just started trying to understand how custom page types and fields work last night. The customizability of a site with these features included is really great.

Yeah, that was what I was wondering (what the object and ID choices would look like and how they would perform if they were chosen instead of the image URL one).

I obviously still have a lot to learn, but this was a really good starting point, and the images work now on my demo site.

Thanks again for all your help and patience!