Image from

[Peter Knight]

I'm trying to output a series of photographs onto a index page. Each photo is from a different page so I'm using the $pages API.

Everything is working bar the image and link to the main Graduate detail page.

My PHP call

<?php

$graduates = $pages->find("template=graduate-detail, sort=-date"); 
foreach ($graduates as $graduate)
echo "
    <img src='$graduate->graduate_photo->url' />
    <h3>{$graduate->title}</h3>
    {$graduate->graduate_summary}<br/>
    <a href='{$graduate->url}'>Read more</a>
    <hr/>
"
;?>

What's happening

Instead of outputting a JPG from a field called graduate_photo, i'm left with the following:

<img src="graduate-hazel-scully.jpg->url"> 

As you can see, the image name is correct but the path is incomplete. It's outputting the '->url' too for some reason.

I've red thorugh the PW images documentation so I'm not sure what my issue is. Possiblt it's because the docs are mostly giving examples where an image is called from the $page instead of $pages.

 

[Philipp]

Didn't you missed  {} around the PHP call for the image URL?

[Peter Knight]

Didn't you missed  {} around the PHP call for the image URL?

I did but it didn't fix anything.

Actually, it outputs the complete path to my image except the actual image name

<img src="/my-pretend-site.com/site/assets/files/1093/">

[adrian]

Looks like you have a multi-image field without using ->first()

[Peter Knight]

Definitely need to go back to PHP junior school 

Do I need to create a separate variable for the first image and then call that in my echo statement

<?php
$graduates = $pages->find("template=graduate-detail, sort=-date"); 
$myfirstimage = $pages->graduate_photo->first();

foreach ($graduates as $graduate)
echo "
    <img src='{$myfirstimage->url}' />
    <h3>{$graduate->title}</h3>
    {$graduate->graduate_summary}<br/>
    <a href='{$graduate->url}'>Read more</a>
    <hr/>
"
;?>

Above doesn't work but I think Im on the right track

[adrian]

<?php

$graduates = $pages->find("template=graduate-detail, sort=-date");

foreach ($graduates as $graduate) {

echo "

<img src='{$graduate->graduate_photo->first()->url}' />

<h3>{$graduate->title}</h3>

{$graduate->graduate_summary}<br/>

<a href='{$graduate->url}'>Read more</a>

<hr/>

";

}

?>

[Peter Knight]

Adrian - thanks.

I've only spent 5 hours trying to solve this and a couple of hours on the forums. 

[SiNNuT]

Adrian - thanks.

I've only spent 5 hours trying to solve this and a couple of hours on the forums. 

Hitting these kinds of roadblocks makes you better in the long run.

At some point you'll never forget that when file or image fields are set to allow more then 1 file/image, you'll have to iterate over them because they are a WireArray. Or use a method like adrian showed. Also, this concept is explained at the start of the images documentation you referred to. One of the most common sources of confusion here on the forums .

[Martijn Geerts]

Same as SiNNut said: People tend to learn more from failure then from success... regard this as a success story

[Soma]

If we pay 5$ every time there someone was/has this issue we could buy a skyscraper.

Or take all the time spent with this particular PW problem, we could free off the rest of the year. ; p

[Peter Knight]

@SiNNuT

Image fields can hold multiple images (a WireArray) so I need to specify which exactly which image I want to call.

Got it. Getting the tatoo on my face next week

[Martijn Geerts]

New avatar next week ?