Randomize the hero background

The CMS Questions
21

One thing you can do is require the field, of course.

Otherwise:

<?php
if($page->hero()->isNotEmpty()):
   $imagelist = $page->hero()->split();
   $number = array_rand($imagelist);
   $hero = $imagelist[$number];
   $image = $page->image($hero);
else:
   $image = $page->images()->first();
endif;
 ?>
 <div class="hero" style="background-image: url(<?php echo $image? $image->url(): '' ?>);"></div>

Or if you think the user does not even upload an image, you can even get an image from the assets folder as a last resort.

22

Thanks, it help me :slight_smile:

23

Hi Sonja,
Starting from this code, is’t possible to insert also the Thumb function to resize by width or/and height, for example, the image in case it was too big?

Normally I use:
echo thumb($image, array('width' => 300, 'height' => 200));

Thanks.

24

Sure, you might as well use the thumb function.

25

I get some errors, can you show me how please?

Thank you.

26

“I get some errors” is not really very meaningful :pensive: What sort of errors do you get?

<?php
if($page->hero()->isNotEmpty()):
   $imagelist = $page->hero()->split();
   $number = array_rand($imagelist);
   $hero = $imagelist[$number];
   $image = $page->image($hero);
else:
   $image = $page->images()->first();
endif;
 ?>
 <div class="hero" style="background-image: url(<?php echo $image? thumb($image, array('width' => 300, 'height' => 200))->url(): '' ?>);"></div>
27

My mistake, it works well, thank you Sonja :relaxed: