Capturing content: images

[wmdvanzyl]

I am using http://purecss.io/layouts/gallery/ from the Pure framework as an example. I have converted that into a CMSMS theme using the menu manager, templates and style-sheets.

But what if i wanted to allow end users to control the images that were displayed? At the moment those images are hard-coded in the template.

Code: Select all

<div class="photo-box u-1 u-med-1-3 u-lrg-1-4">
                <a href="http://www.dillonmcintosh.tumblr.com/">
                    <img src="http://24.media.tumblr.com/d6b9403c704c3e5aa1725c106e8a9430/tumblr_mvyxd9PUpZ1st5lhmo1_1280.jpg"
                         alt="Beach">
                </a>
    
                <aside class="photo-box-caption">
                    <span>by <a href="http://www.dillonmcintosh.tumblr.com/">Dillon McIntosh</a></span>
                </aside>
            </div>

I could create a capture for each of those blocks and then use the WYSIWYG editor to include the images, but that got me thinking...

Isn't there a way to just capture an image? A capture that would just add a browse button to the back-end and i could click that and select the image?

Thanks for your time.

[velden]

Module GBFilePicker could do that.

Example:

Code: Select all

{content_module block="filepicker_block_4" module="GBFilePicker" assign="image4" label="Logo rechts onder" mode="browser" media_type="image" dir="images"}

Or the built-in tag {content_image}

Use CGSmartImage module to make resize the images to required dimensions.

[calguy1000]

<cough>{content_image}</cough> the documentation for which is built into your installation, you don't even need to go to an external website.

[wmdvanzyl]

<cough>{content_image}</cough> the documentation for which is built into your installation, you don't even need to go to an external website.

Is there an emoticon for embarrassment?