Provide Setting Images to Javascript in Liquid File

Retired Boards Appdev Store Design
,
1

Hey everyone,

im pretty new to shopify development. Currently trying to build a first Theme.

Ran into the following problem:

I want to build a own slideshow cause of a better/diffrent functionality. I created the settings for it and wanted to provide a simple image path to my settings but cant figure out how..

new slideshow( '.slideshow', shaders.maskShader, {
    ....
    interval  : {{ section.settings.autoplay_duration }},
    mask      : '{{ 'transition.jpg' | asset_url }}', //This is working fine
    mask      : '{{ section.settings.shader_image }}', //This not - want to provide a image in theme settings
  }).mount();