Child page image

[closer12]

Hi. I am new in process wire. 

I want to show child page image  in the list of child pages as a thumbnail  . ( like title and summary )

I tried this 

<img src='{$child->image_top->url}'>

it works but i want to show ( 300x300 px ) 

I am adding the code below. 

My image field name is : image_top

<?php 

// Output navigation for any children below the bodycopy.
// This navigation cycles through the page's children and prints
// a link and summary: 

if($page->numChildren) {

echo "<ul class='nav'>";

foreach($page->children as $child) {
echo "<li> <img src='{$child->image_top->url}'> <p><a href='{$child->url}'>{$child->title}</a><br /><span class='summary'>{$child->summary}</span></p></li>";}

echo "</ul>";
}
?>

[Martijn Geerts]

Welcome closer12

Have you've seen the documentation about images ? It's very well explained, there's lot's of stuff in.

[closer12]

I saw it , but i dont know how to use that resizing code for this code

[Martijn Geerts]

// without testing, but you can get the idea here

foreach ($page->children as $child) {

$image = $child->image_top;

$thumb = $image->size(300,300);

echo "<li>";

echo "<img src='{$thumb->url}'>";

echo "<p>";

echo "<a href='{$child->url}'>";

echo $child->title;

echo "</a>";

echo "<br />";

echo "<span class='summary'>";

echo $child->summary;

echo "</span>"

echo "</p>"

echo "</li>";

}

[closer12]

Thank you for your message, it was inspiration for me, when there is no image it gave error and i added if ..

i did some thing like this and it works fine.....  just can you check if its good?

if($page->numChildren) {

echo "<ul class='nav'>";

foreach($page->children as $child) {
					
if ($child->image_top) {
    $image = $child->image_top;
    $thumb = $image->size(200,200);

echo "<li> <a href='{$child->url}'><img src='{$thumb->url}'></a>  <p><a href='{$child->url}'>{$child->title}</a><br /><span class='summary'>{$child->summary}</span></p></li>"; 
					}}

					echo "</ul>";
				}

[Martijn Geerts]

You could set the image field to be required, that way you're sure there's an image. However, checking it will be a good practise.