Elxis CMS Forum

Support => General => Topic started by: ROUBOS on October 11, 2012, 15:18:51

Title: Easy Gallery slimbox not working.
Post by: ROUBOS on October 11, 2012, 15:18:51
Hi,
I upgraded Easy Gallery with the latest version and it does not work. The images popup in a new window instead of slimbox.

http://www.vasilisstudios.gr/photo-gallery.html (http://www.vasilisstudios.gr/photo-gallery.html)

I tried what worked some time ago (topic:https://forum.elxis.org/index.php?topic=4374.0 (https://forum.elxis.org/index.php?topic=4374.0) ) with no luck
Title: Re: Easy Gallery slimbox not working.
Post by: Ivan Trebješanin on October 11, 2012, 16:43:54
If you look at the page source, you can see that mootools are loaded twice on the same page.
Title: Re: Easy Gallery slimbox not working.
Post by: ROUBOS on October 11, 2012, 21:49:59
that's because the BOT Easy Gallery was loading mootools again. I disabled it in the bot easy gallery since the rollingmenu module loads them, with no luck.

I guess they might have different versions. The Rolling Image menu uses mootools, so does easy gallery.

The problem is that it looks like they use different functions. (My thouhgts)
I tried just using the Easy Gallery mootools with no luck. Even the rolling image menu did not work.
Tried not loading the Easy Gallery mootools, and even if its loaded once on the page, it still does not work. My guess is that whatever easy gallery uses cannot be found in the mootools that the Rolling Image Menu is loading.
Title: Re: Easy Gallery slimbox not working.
Post by: Ivan Trebješanin on October 12, 2012, 02:25:15
Did you change something in bot or javascript files?
Title: Re: Easy Gallery slimbox not working.
Post by: ROUBOS on October 12, 2012, 17:31:59
no
Title: Re: Easy Gallery slimbox not working.
Post by: Ivan Trebješanin on October 12, 2012, 18:14:59
No the problem is that js must be ordered in a certain way. Mootools must be loaded BEFORE slimbox.js in order to work. You can maually insert needed code and modify bot.
Title: Re: Easy Gallery slimbox not working.
Post by: xmanhattan on October 12, 2012, 19:18:10
I read somewhere that Mootools should be loaded before jquery in the index.php file of your template.
Hope it helps.
Title: Re: Easy Gallery slimbox not working.
Post by: nikos on October 12, 2012, 22:14:01
As i saw from your site Rolling Images Menu module works in all instances and pages. But when you have at the same page Rolling Images Menu module and Easy Gallery bot the last one does not work normally and this shows that you have a javascript conflict. So the solution is to unpublish Rolling Images Menu module to the page where you show images with Easy Gallery bot.
Title: Re: Easy Gallery slimbox not working.
Post by: ROUBOS on October 13, 2012, 20:17:57
As i saw from your site Rolling Images Menu module works in all instances and pages. But when you have at the same page Rolling Images Menu module and Easy Gallery bot the last one does not work normally and this shows that you have a javascript conflict. So the solution is to unpublish Rolling Images Menu module to the page where you show images with Easy Gallery bot.

No, this will alter the look of the page. Funny thing is that it did work when I first setup the page. After doing the update to elxis, bots and modules it stoped working.

I'll see if a different gallery works then.
Title: Re: Easy Gallery slimbox not working.
Post by: ROUBOS on October 13, 2012, 20:54:29
the rolling image menu seems to have a different mootools file from that of easy gallery. Loading just one of the two does not make them both work
Title: Re: Easy Gallery slimbox not working.
Post by: Ivan Trebješanin on October 13, 2012, 22:42:34
I told you, you have to arrange them in certain order:

1. mootools
2. slimbox
3.rollingmenu
Title: Re: Easy Gallery slimbox not working.
Post by: ROUBOS on October 14, 2012, 13:34:58
How do we make sure they load in that order?
Rolling image menu does not have the parameter to load mootools or not like easy gallery has
Title: Re: Easy Gallery slimbox not working.
Post by: xmanhattan on October 14, 2012, 15:49:28
Check the index.php file of your template. 

I see an error:
Code: [Select]
Timestamp: 10/14/2012 15:42:10
Error: ReferenceError: Browser is not defined
Source File: http://www.vasilisstudios.gr/mambots/content/easygallery/slimbox.js
Line: 6

Also, try adding the following lines as they are just before the
Code: [Select]
</head>
Code: [Select]
<!--
To use the API Libraries from , include the following script in the header of your web page. see http://code.google.com/apis/libraries/
//-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

<!-- compressed //-->
<script charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js">
</script>

<!-- compressed //-->
<script charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>