CSS background-image overwrite for textured buttons won’t work


(Oliver) #1

Hello guys,

[ please scroll down to my last answer. In the meantime I figured out the main problem. ]

Thanks!

problem-with-inner-html-update.zip (28.3 KB)


(Mark Hunte) #2

The file link is broken


(Oliver) #4

Hey!

problem-with-inner-html-update.zip (28.3 KB)

<div style="width:190px; height:190px; -webkit-background-size: 100%; transform: translateX(0px) translateY(0px) scaleX(1) scaleY(1); background-image: url(http://lorempixel.com/190/190/)!important;"></div>

I found something out in the meantime, that makes my problem clear. My animation works with external files, but it doesn’t work with my files from the resource folder. How do I refer them correctly? I only found javascript-referings on this forum.

What’s the right expression for background-image for resource files?

If this isn’t possible, please let me know. So I can go on with another solution.


(Jonathan Deutsch) #5

You can refer to them via the ${resourcesFolderName} variable in most typical situations.

background-image: url(${resourcesFolderName}/image.png);

At the time of export this will be converted to something like:

background-image: url(DocumentName.hyperesources/image.png);