Hello everyone,

I have a question, I basically have an image slider which works as follow

Code: Select all

    <div class="slider" style="image-size:cover;">
            <div>
                 
                <img src="img/1.jpg" alt="">
            </div>

Everything inside the div will be slided.
What i basically want to achieve now is, I want to be able to edit the image inside the div in the cms. It has to be the image im using now.

I would appreciate if someone could help.

Thanks in advance,

Kevin

[trendoman]

The concept of http://docs.couchcms.com/concepts/photo-gallery.html means uploading image to cms, then listing uploaded in front-end html. It works in your use-case.

I have it like this now,

Code: Select all

            <div>
                 
                 <cms:editable
    name='prop_image'
    label='Image'
    desc='Upload main image of property here'
    type='image'
    height='300px'
    width='300px'
/>
                <img src="<cms:show prop_image />"/>

             
            </div>

But the quality of the image is pretty bad, and for some reason my image turns out like this(notice the black text on the image):

Aha! The picture was showing the url for some reason on my live page.
Adding : hidden='1' within the editable region solved it