Hello everyone,

I'm making a macro that creates a gallery and I want to build a JavaScript block based on macro paramters for different options. In XSLT I would do it like this:

<xsl:variable name="initstr">
    <xsl:text>
        $('#</xsl:text><xsl:value-of select="$galleryId"/><xsl:text>').royalSlider({
          fullscreen:{
            enabled:derpProof(</xsl:text><xsl:value-of select="$fullScreen"/><xsl:text>),
            nativeFS: true
          },
          fadeinLoadedSlide: true,
          controlNavigation: 'thumbnails',
          thumbs:{
          orientation: '</xsl:text><xsl:value-of select="$orientation"/><xsl:text>'
          },
          autoScaleSlider:derpProof(</xsl:text><xsl:value-of select="$autoScale"/><xsl:text>),
          autoScaleSliderWidth:</xsl:text><xsl:value-of select="$galleryWidth"/><xsl:text>,
          autoScaleSliderHeight:</xsl:text><xsl:value-of select="$galleryHeight"/><xsl:text>,
          loop:derpProof(</xsl:text><xsl:value-of select="$autoLoop"/><xsl:text>),
          numImagesToPreload:4,
          arrowsNav: derpProof(</xsl:text><xsl:value-of select="$showArrows"/><xsl:text>),
          arrowsNavAutohide: true,
          arrowsNavHideOnTouch: true,
          keyboardNavEnabled: true
        });
      });
    </xsl:text>
  </xsl:variable>

<xsl:value-of select="umbraco.library:RegisterClientScriptBlock('RoyalInit', $initstr, 'True')" disable-output-escaping="yes"/>

How would I go about implementing this into razor?

Thanks -Brett