Image chooser doesnt't work properly

khomutovspace

Image chooser opens it's visual dialog, but if I choose a local image (the one from exctly that page), it just puts a name of a file into a var (not a path). It works for Markdown variables, which are showing on exactly the page, where files are stored. But there are many places, where image needs to be shown in different ways. For example, as a part of lazy loading scheme. And for this, it doesn't work. So wouldn't it be a good idea to automatically write a full path to the image from the choosing dialog?

mad

khomutovspace Hi, that is the expected behavior. Image paths for the same page should be relative in order to allow moving the page without breaking a link. Images of other pages or the shared section have absolute paths. If your theme involves any JS for lazy loading, you can still prepend the page URL to local images.

Everyone

So if I have an image file in my page's directory and then I have a imageIntroPic field, that lets me select this image file as a var, what would be the exact code to display this image on the webpage? Currently I have this:
<div class="slide-pic" style="background-image: url(@{ imageIntroPic})"></div>

The value of imageIntroPic is contact.jpg , the url of the webpage is contact so the generated path is /contact/contact.jpg , which is incomplete and incorrect. Funny thing is when I tried to mangle with the output by changing the code to:
<div class="slide-pic" style="background-image: url(/pages/@{ imageIntroPic})"></div>
the output path changed to /pages/contact.jpg , not /pages/contact/contact.jpg , like I expected.
I can't find any useful tips within available information on how to use the image* variable produced by the selector.

mad

Everyone You have to wrap the URL in single quotes:

style="background-image: url('@{ image }')"

Everyone

Well, this worked for a few hours and then broke and instead of a proper URL to image file it went back to giving me the file name preceded by URL to this page (/contact/contact.jpg). I can't tell what broke it. I even restored a copy before changes were made and it behaves the same (caching is off). I had to resort to a kludge like this

<div class="slide-pic" style="background-image: url('/pages@{:path}@{imageIntroPic}')"></div>

mad

Everyone Hi, it looks good to me. Difficult to say why it is broken after a few hours without seeing what exactly has happened and how the template looks. I guess if something works, it will continue to work unless something is changed.