PHPackages                             weboftalent/page-with-image - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. weboftalent/page-with-image

ActiveSilverstripe-module[Image & Media](/categories/media)

weboftalent/page-with-image
===========================

Same as a standard page but with the addition of a main image

1.0.2(10y ago)01871[1 issues](https://github.com/gordonbanderson/page-with-image/issues)1BSD-3-ClausePHP

Since May 28Pushed 10y ago1 watchersCompare

[ Source](https://github.com/gordonbanderson/page-with-image)[ Packagist](https://packagist.org/packages/weboftalent/page-with-image)[ RSS](/packages/weboftalent-page-with-image/feed)WikiDiscussions master Synced 4w ago

READMEChangelogDependencies (3)Versions (6)Used By (1)

Page With Image
===============

[](#page-with-image)

[![Build Status](https://camo.githubusercontent.com/d268d38cb5104a99ba33f2363d4a97c3e688d43dbaa63b45cc316c5854aa46b2/68747470733a2f2f7472617669732d63692e6f72672f676f72646f6e62616e646572736f6e2f706167652d776974682d696d6167652e7376673f6272616e63683d636f6e74696e756f75735f696e746567726174696f6e)](https://travis-ci.org/gordonbanderson/page-with-image)[![Scrutinizer Code Quality](https://camo.githubusercontent.com/63a605cd6f659d4804141e14c22d6be8f1b99586b89c71779f35b72c043c41d9/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f676f72646f6e62616e646572736f6e2f706167652d776974682d696d6167652f6261646765732f7175616c6974792d73636f72652e706e673f623d636f6e74696e756f75735f696e746567726174696f6e)](https://scrutinizer-ci.com/g/gordonbanderson/page-with-image/?branch=continuous_integration)[![Code Coverage](https://camo.githubusercontent.com/80b40eec4f00d523d4783115f172e535a10feba7e2dfb01ada13bcf8a313fc58/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f676f72646f6e62616e646572736f6e2f706167652d776974682d696d6167652f6261646765732f636f7665726167652e706e673f623d636f6e74696e756f75735f696e746567726174696f6e)](https://scrutinizer-ci.com/g/gordonbanderson/page-with-image/?branch=continuous_integration)[![Build Status](https://camo.githubusercontent.com/833fbe9120e5ee62a6e7a92cbc5c091d299a4a061614466420c9351015a8f326/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f676f72646f6e62616e646572736f6e2f706167652d776974682d696d6167652f6261646765732f6275696c642e706e673f623d636f6e74696e756f75735f696e746567726174696f6e)](https://scrutinizer-ci.com/g/gordonbanderson/page-with-image/build-status/continuous_integration)[![codecov.io](https://camo.githubusercontent.com/6e66a6ee2bb43a0cee052b1291aaa6c04012ceebc9a570667fe6443384b8478a/68747470733a2f2f636f6465636f762e696f2f6769746875622f676f72646f6e62616e646572736f6e2f706167652d776974682d696d6167652f636f7665726167652e7376673f6272616e63683d636f6e74696e756f75735f696e746567726174696f6e)](https://codecov.io/github/gordonbanderson/page-with-image?branch=continuous_integration)

[![Latest Stable Version](https://camo.githubusercontent.com/0710302742550270e8b3ae731c138d5dd4cd9c29bc1d8a0175a221d9eb61f4b7/68747470733a2f2f706f7365722e707567782e6f72672f7765626f6674616c656e742f706167652d776974682d696d6167652f76657273696f6e)](https://packagist.org/packages/weboftalent/page-with-image)[![Latest Unstable Version](https://camo.githubusercontent.com/dffac9987879be99893d012b926b779dd35509f2143e857c0347101a800c5407/68747470733a2f2f706f7365722e707567782e6f72672f7765626f6674616c656e742f706167652d776974682d696d6167652f762f756e737461626c65)](//packagist.org/packages/weboftalent/page-with-image)[![Total Downloads](https://camo.githubusercontent.com/5e7b07990cb71cbc836e69afe220b34b72ec1c271c64a1fc905bcc0cdec6fc70/68747470733a2f2f706f7365722e707567782e6f72672f7765626f6674616c656e742f706167652d776974682d696d6167652f646f776e6c6f616473)](https://packagist.org/packages/weboftalent/page-with-image)[![License](https://camo.githubusercontent.com/ac930a9c9a6d1c27702a55bab64087eab2c4f5c3e583b397335e5a89ae42adc0/68747470733a2f2f706f7365722e707567782e6f72672f7765626f6674616c656e742f706167652d776974682d696d6167652f6c6963656e7365)](https://packagist.org/packages/weboftalent/page-with-image)[![Monthly Downloads](https://camo.githubusercontent.com/bc27813bda821136f99b22c76e2a3cafa68b7a885c904d612c62c707be607cd7/68747470733a2f2f706f7365722e707567782e6f72672f7765626f6674616c656e742f706167652d776974682d696d6167652f642f6d6f6e74686c79)](https://packagist.org/packages/weboftalent/page-with-image)[![Daily Downloads](https://camo.githubusercontent.com/b024d2c3cf8d12b5188759076a239750dad0b057a9b74806bc7629b0b812fe55/68747470733a2f2f706f7365722e707567782e6f72672f7765626f6674616c656e742f706167652d776974682d696d6167652f642f6461696c79)](https://packagist.org/packages/weboftalent/page-with-image)

[![Dependency Status](https://camo.githubusercontent.com/06d7fe85f219e92b3582ed32a7e1bc742ecca90a13b4d0c6586c32e89c92e397/68747470733a2f2f7777772e76657273696f6e6579652e636f6d2f7068702f7765626f6674616c656e743a706167652d776974682d696d6167652f62616467652e737667)](https://www.versioneye.com/php/weboftalent:page-with-image)[![Reference Status](https://camo.githubusercontent.com/fb5142be9a97f829499579b787e90af5fac7674eee636aff995e840d59ac1cfe/68747470733a2f2f7777772e76657273696f6e6579652e636f6d2f7068702f7765626f6674616c656e743a706167652d776974682d696d6167652f7265666572656e63655f62616467652e7376673f7374796c653d666c6174)](https://www.versioneye.com/php/weboftalent:page-with-image/references)

[![codecov.io](https://camo.githubusercontent.com/374ec6cba3d372006e53679230081b1064931c0c2406a55904299d06638ce2fd/68747470733a2f2f636f6465636f762e696f2f6769746875622f676f72646f6e62616e646572736f6e2f706167652d776974682d696d6167652f6272616e63682e7376673f6272616e63683d636f6e74696e756f75735f696e746567726174696f6e)](https://camo.githubusercontent.com/374ec6cba3d372006e53679230081b1064931c0c2406a55904299d06638ce2fd/68747470733a2f2f636f6465636f762e696f2f6769746875622f676f72646f6e62616e646572736f6e2f706167652d776974682d696d6167652f6272616e63682e7376673f6272616e63683d636f6e74696e756f75735f696e746567726174696f6e)

Maintainers
-----------

[](#maintainers)

- Gordon Anderson (Nickname: nontgor)

\##Introduction

This module provides for rendering subpages as images of folders, which themselves can contain similar folders. Images can also be attached to third party module page types and rendered in the same way.

\##Documentation

### Provided Page Types

[](#provided-page-types)

A PageWithImage is container within a PageWithImageFolder. Both are the same as a standard Page, but with the addition of a main image (MainImage field).

### Extending Provided Page Types

[](#extending-provided-page-types)

One can simply extend PageWithImage adding whatever is needed for the subclass as appropriate.

```
class AnimalPage extends PageWithImage {
	private static $db = array('Name' => 'Varchar');
}
```

The above class AnimalPage will appear when right clicking on a PageWithImageFolder to add a new subpage.

### Using the AddImageExtension

[](#using-the-addimageextension)

There are 2 configuration changes required for a Page type that does not already have an attached image.

- Add the AddImageExtension
- Allow the third party Page type be a child of PageWithImageFolder (otherwise you can't add it) To do this add a config file, say pagewithimage.yml in your own module or mysite/\_config directory with YML as per the following:

```
---
Name: yoursitepagewithimage
After: pagewithimage
---
PageWithImageFolder:
  allowed_children:
    - PageWithImage
    - ThirdPartyPage
ThirdPartyPage:
  extensions:
    - AddImageExtension
```

Repeat for each ThirdPartyPage type that you would like to have an image.

\##Requirements

- SilverStripe 3.1

\##TODO

- Tests

###  Health Score

30

—

LowBetter than 62% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity11

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity67

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~83 days

Total

4

Last Release

3801d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/9af58f7ff675f65dbd2f20d39d8b80ed671eb0fe376eb978e497934c175196fe?d=identicon)[weboftalent](/maintainers/weboftalent)

---

Top Contributors

[![gordonbanderson](https://avatars.githubusercontent.com/u/7060?v=4)](https://github.com/gordonbanderson "gordonbanderson (39 commits)")

---

Tags

imagesilverstripeweboftalent

### Embed Badge

![Health badge](/badges/weboftalent-page-with-image/health.svg)

```
[![Health](https://phpackages.com/badges/weboftalent-page-with-image/health.svg)](https://phpackages.com/packages/weboftalent-page-with-image)
```

###  Alternatives

[heyday/silverstripe-responsive-images

Configure and send a series of image size options to the client without loading any resources until a media query can be executed.

5389.1k6](/packages/heyday-silverstripe-responsive-images)[unclecheese/silverstripe-image-optionset

Provides a list of selectable items that use images as the primary label instead of text.

139.3k2](/packages/unclecheese-silverstripe-image-optionset)[dnadesign/silverstripe-lazyloaded-image

Implements the LQIP (Low Quality Image Placeholder) pattern powered by lazysizes

1011.7k4](/packages/dnadesign-silverstripe-lazyloaded-image)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)