Galleria js on Custom Module

Hello,
I'm creating a custom module which inside it contain an image gallery using Galleria js.  I'm aware that in Sitefinity Image Gallery widget is using Galleria.js too, if we choose "Thumbnail strip + Image on the same page" gallery type.

Right now my gallery in custom module only working fine if i'm adding the sitefinity image gallery widget with "Thumbnail strip + Image on the same page". if using my own js i'm always get "Galleria() is not a function" error on firebug. i'm suspecting wrong way to include the js.

my question is, can i reuse that library for my custom module? as i had difficulty using my own js.

Hi Augus,

To use the Garlleria.js can be used in your module by adding the .js and setting its build action to EmbeddedResource. Then in AssemblyInfo.cs add

Hi Velikov,

Thanks for the answer, my problem is galleria need theme that load like this

Galleria.loadTheme('/js/galleria.classic.js');

Hello Augus,

You need to load the theme too. To set a .js file to embedded resource refer to the screenshot. And add it to AssemblyInfo.cs

Hello Velikov,
sorry for late response. yes i'm aware how to make it as embedded resource. what i didn't know is how to call it after embedded it.

if we are using non embedded js, we can use this.

Galleria.loadTheme('/js/galleria.classic.js');

but this line surely is not working
Galleria.loadTheme('<%=WebResource("Sitefinity.Framework.Resources.Modules.galleria.classic.js")%>');

please enlighten me.

Thanks

Augus 

Hello Augus,

Use JavaScriptEmbedControl. Note RadScriptManager (which is called by Sitefinity when embedding external files) first tries to load scripts coming from relative paths, then scripts from embedded resources, and finally from CDN. Have this in mind when calling the same embedded and relative .js files they will eventually both get loaded and this might cause errors.

Hello Velikov,

thanks for the reply,
but how do you call embedded javascript using JavaScriptEmbedControl? should i change the Url property with ResourceAssemblyInfo property?

i'll explain again maybe i weren't very clear last post.
i'm already have this code in my template.ascx

Hello Augus,

I suggest you use

Hi Velikov,

i tried

<sf:JavaScriptEmbedControl runat="server" ID="jQyeryLink1" ScriptEmbedPosition="Head" ScriptType="JQueryGalleria"></sf:JavaScriptEmbedControl>

<span id="BodyContainer_C017_ctl00_jQyeryLink1" ScriptType="JQueryGalleria"></span>
<span id="BodyContainer_C017_ctl00_jQyeryLink2" ScriptType="JQueryGalleriaClassicTemplate"></span>

is there something i do wrong?

Hello Augus,

Can you try using javascriptembedcontrol like:

Hello Velikov,

umm no luck
i tried

Hi guys,

Is there any updates to this?

I'm also trying to get Galleria working.  After spending a full day trying get around the fact that my existing code did not work only to find that jQuery, Fancybox and Galleria are all included in stock SF4.2.

I'm now calling the scripts in our master page like this:

I have faced this problem. Can anyone write the solution of this?

Same problem here...

Hi,

 To galleria has 3 files used in Sitefinity (galleria.classic.js, galleria.history.js, galleria.js)
Reference them in the template (.ascx)