28 Feb
2014
28 Feb
'14
5:06 p.m.
Hi,
Would like to set a backgroundImage dynamically
(I have attached 25 jpg files to a page)
If I add this velocity code into my wiki page it works!
{{velocity}}
[[image:Photos.CdLSWorldbanners@${mathtool.random(1,
25)}.jpg||width="100%"]]
{{/velocity}}
If I add this same code in a stylesheet extension object:
#document-title{
background:transparent
url($doc.getAttachmentURL("Photos.CdLSWorldbanners(a)${mathtool.random(1dom(1,
25)}.jpg")) no-repeat scroll right center;
}
I get this result if I inspect the CSS in the browser:
background:transparent
url(/xwiki/bin/download/Sandbox/change%2Ddocument/Photos.CdLSWorldbanners%407.jpg)
no-repeat scroll right center
Any suggestions if this CAN work, and if possible; what am I doing wrong?
Gerritjan
28 Feb
28 Feb
5:43 p.m.
The CSS is cached, so you get a different image only if you do a page
reload with force clear cache. If you want a different image when you
reload the page then you have to either keep displaying the image from
the page content or use JavaScript.
On Fri, Feb 28, 2014 at 6:06 PM, Gerritjan Koekkoek
<gerritjankoekkoek(a)gmail.com> wrote:
Hi,
Would like to set a backgroundImage dynamically
(I have attached 25 jpg files to a page)
If I add this velocity code into my wiki page it works!
{{velocity}}
[[image:Photos.CdLSWorldbanners@${mathtool.random(1,
25)}.jpg||width="100%"]]
{{/velocity}}
If I add this same code in a stylesheet extension object:
#document-title{
background:transparent
url($doc.getAttachmentURL("Photos.CdLSWorldbanners(a)${mathtool.random(1dom(1,
25)}.jpg")) no-repeat scroll right center;
}
I get this result if I inspect the CSS in the browser:
background:transparent
url(/xwiki/bin/download/Sandbox/change%2Ddocument/Photos.CdLSWorldbanners%407.jpg)
no-repeat scroll right center
Any suggestions if this CAN work, and if possible; what am I doing wrong?
Gerritjan
_______________________________________________
users mailing list
users(a)xwiki.org
http://lists.xwiki.org/mailman/listinfo/users
6:53 p.m.
The initial load is not happening
The images do not need to change on this page... If i Have different pages with different
images it is ok
Verstuurd vanaf mijn iPhone
Op 28 feb. 2014 om 17:43 heeft Marius Dumitru Florea
<mariusdumitru.florea(a)xwiki.com> het volgende geschreven:
The CSS is cached, so you get a different image only if you do a page
reload with force clear cache. If you want a different image when you
reload the page then you have to either keep displaying the image from
the page content or use JavaScript.
On Fri, Feb 28, 2014 at 6:06 PM, Gerritjan Koekkoek
<gerritjankoekkoek(a)gmail.com> wrote:
Hi,
Would like to set a backgroundImage dynamically
(I have attached 25 jpg files to a page)
If I add this velocity code into my wiki page it works!
{{velocity}}
[[image:Photos.CdLSWorldbanners@${mathtool.random(1,
25)}.jpg||width="100%"]]
{{/velocity}}
If I add this same code in a stylesheet extension object:
#document-title{
background:transparent
url($doc.getAttachmentURL("Photos.CdLSWorldbanners(a)${mathtool.random(1dom(1,
25)}.jpg")) no-repeat scroll right center;
}
I get this result if I inspect the CSS in the browser:
background:transparent
url(/xwiki/bin/download/Sandbox/change%2Ddocument/Photos.CdLSWorldbanners%407.jpg)
no-repeat scroll right center
Any suggestions if this CAN work, and if possible; what am I doing wrong?
Gerritjan
_______________________________________________
users mailing list
users(a)xwiki.org
http://lists.xwiki.org/mailman/listinfo/users
_______________________________________________
users mailing list
users(a)xwiki.org
http://lists.xwiki.org/mailman/listinfo/users
9:16 p.m.
$doc.getAttachmentURL is used for files attached to $doc, i.e. the current
document, so you either use
$doc.getAttachmentURL('fileName')
or
$xwiki.getAttachmentURL('Space.Page', 'fileName')
Hope this helps,
Marius
On Feb 28, 2014 6:07 PM, "Gerritjan Koekkoek"
<gerritjankoekkoek(a)gmail.com>
wrote:
Hi,
Would like to set a backgroundImage dynamically
(I have attached 25 jpg files to a page)
If I add this velocity code into my wiki page it works!
{{velocity}}
[[image:Photos.CdLSWorldbanners@${mathtool.random(1,
25)}.jpg||width="100%"]]
{{/velocity}}
If I add this same code in a stylesheet extension object:
#document-title{
background:transparent
url($doc.getAttachmentURL("Photos.CdLSWorldbanners(a)${mathtool.random(1dom(1,
25)}.jpg")) no-repeat scroll right center;
}
I get this result if I inspect the CSS in the browser:
background:transparent
url(/xwiki/bin/download/Sandbox/change%2Ddocument/Photos.CdLSWorldbanners%407.jpg)
no-repeat scroll right center
Any suggestions if this CAN work, and if possible; what am I doing wrong?
Gerritjan
_______________________________________________
users mailing list
users(a)xwiki.org
http://lists.xwiki.org/mailman/listinfo/users
3853
days inactive
3853
days old
3 comments
3 participants
participants (3)
-
Gerritjan Koekkoek -
Gerritjankoekkoek＠gmail.com
-
Marius Dumitru Florea