Hello,
I have followed all the steps. I can get the "Views Slideshow" going. When I select the Galleria option, the Slideshow does not appear on the view page.

The Galleria library is in the right place.

Any ideas.

Thanks in Advance.

chris

Comments

aaron’s picture

Status: Active » Postponed (maintainer needs more info)

what browser/os?

Adam S’s picture

I've tested it in IE7, FireFox, Safari, Opera and iPhone and it works. Do you see the images when you created the view?

Nicolas72’s picture

I just ran into the same problem..turns out that the minified version of my jQuery was the culprit...replace the one you are using in your drupal site with the newest min.js version and give it another whirl..worked for me

Cheers

Adam S’s picture

Drupal comes with jQuery 1.2 and the galleria plugin ships with 1.4.2. However, the later version of jQuery breaks Views. It's best to download and install the jQuery Update module 6.x 2.0. It has jQuery 1.3.2 which works with both Views and the galleria plugin.

cbovard’s picture

Hello,
Thanks for the help. I will try the different version of jquery and let you know what the outcome is.

Thanks again.

chris

coloryan’s picture

Updating the JQuery update worked for me. Thanks.

cbovard’s picture

Worked for me.. Thanks for the wicked module.

chris

ronline’s picture

Title: Galleria Not Showing » Upgrade the jquery

Hi guys.
I'm having the same problem. The galleria doesn't appear, only thumbnails that point to image nodes.

AdamS@853204#comment-3199736 Upgrade from jQuery Update 6.x-1.1 to 6.x-2.0-alpha1 breaks the Ajax collapsible fields => #806352: all collapsible fields broken . I had to downgrade back to 6.x-1.1 to get fields back to work.

nicolas72@comment-3198608 could you pls mention how to upgrade the jquery ?
My drupal version is 6.17

Regards

ronline’s picture

I've tried to replace the jquery_update/replace/jquery.min.js with the latest jquery-1.4.2.min.js and jquery-1.3.2.min.js which I found on http://docs.jquery.com/Downloading_jQuery#Download_jQuery . None of them fix the issue, galleria still doesn't work. Over all both replacement trigger #806352: all collapsible fields broken.

lunk rat’s picture

Man I got nothin. Maybe help me out?

  1. extract Views Slideshow and Views Slide Show: Galleria into modules directory
  2. extract latest Galleria into sites/all/libraries. Site Building > Views > Views Slideshow Galleria tells me it's there
  3. Create new View > Nodes > Style=Slideshow (Type=Galleria - defaults) > add fields: Imagefield Display as: Image
  4. Add filter for content type
  5. Add block display and page display
  6. No dice

The page flickers a bit but no pretty gallery. Tried jQuery update (stable 6.x-1.1 ) but no go. This module looks so COOL - how do I get it to work?!

Thanks,

Link

kirilius’s picture

Same here. I tested on IE6 and FireFox 3.6 and I got the same result: there is nothing displayed when I pick the Galleria mode. If I just pick "single frame" mode, it works fine but that't not the point.

I installed the latest jQuery Update 6.x 2.0 alpha but nothing changes - I still get the blank view

Adam S’s picture

Issue is actively being pursued on GitHub. Perhaps there is an answer here. http://github.com/aino/galleria/issues#issue/91

sangus’s picture

Subscribing

sangus’s picture

Got it to work. I tried the JQuery Update module and everything else mentioned here. Those didn't work. Finally, I just disabled the JQuery Update module and replaced the jquery.js file in the /misc directory of Drupal with JQuery 1.4.2 and everything's dandy. Hope that helps someone.

sangus’s picture

I also got it to work by just upgrading to the 6.x-2.0-alpha1 build of the JQuery Update. It caused a couple of problems with Lightbox2 though so I upgraded to the latest dev of that.

Adam S’s picture

The problem is that Views doesn't work with jQuery 1.4.2.

kirilius’s picture

Adam S, what does this mean? What version of jQuery should be used? What about the jQuery Update version?

Thanks.

Adam S’s picture

Actually, Drupal core is not compatible with jQuery 1.4 http://drupal.org/node/768612#comment-3298844 . There is a patch somewhere.

kirilius’s picture

So this means the jQuery shipped with Galleria does not work with Drupal?

mparker17’s picture

Bug #877864: Galleria fails to start; shows blank page with clean Drupal 6.x install is a duplicate of this one, so I've closed it. I've also changed the title of this issue to be more meaningful.

I've done a bit of testing, and confirmed that versions 6.x-1.0-beta1, 6.x-1.0-beta2 and 6.x-1.x-dev of this module won't work on a clean install of Drupal 6. Hence, following the instructions on how to make an issue report, I'm filing the bug against the most-recent development version.

The most important part from #877864: Galleria fails to start; shows blank page with clean Drupal 6.x install is that, at some point in Galleria's JavaScript code, a call to $(...).indexOf(...) is made on a variable of type object; but the object doesn't contain that function in JQuery 1.2, which causes an error. This error causes the JavaScript to stop execution before Galleria has been fully loaded, but after the images have been removed from the DOM for caching, hence the blank screen.

I put some work into developing a test case from a clean install. I think that means I can change the status back to "active", because the information requested by @aaron in comment #2 is included in this test case.

mparker17’s picture

Title: Upgrade the jquery » Galleria 1.2 needs JQuery 1.3 or better; Drupal 6 comes with JQuery 1.2
Version: 6.x-1.0-alpha2 » 6.x-1.x-dev
Status: Postponed (maintainer needs more info) » Active

As mentioned earlier, you can get Views Slideshow: Galleria to work if you install a version of jquery_update in the 6.x-2.x branch.

Installing jquery_update forces Drupal to use a different version of JQuery: notably, in jquery_update's 6.x-2.x branch it is updated to 1.3.x. Note that the version of Galleria available at the time of writing ships with JQuery version 1.4.2.

I did some preliminary testing with JQuery 1.3.2 and JQuery 1.4.2, and did not notice anything working in 1.4.2 and not in 1.3.2. Note that my testing was by no means extensive; and that there are some things that I noticed weren't working in either. However, Views Slideshow: Galleria actually functions with the default settings, which is an improvement.

My interpretation of the content+comments of this issue is that it's more about updating JQuery and JQuery's compatibility with Galleria in general; which is an ongoing thing. But, I also think that it would help any person who wants to start using Views Slideshow: Galleria if we made the module depend on jquery_update; and notify them when they're using a version of JQuery that would prevent this module from functioning properly.

For this reason, I'm filing a separate bug, #892490: Make module depend on JQuery Update 2.x branch, which requests that Views Slideshow: Galleria check whether or not it can run properly. I'm leaving this issue open so we can discuss compatibility issues between Galleria and various versions of JQuery.

kirilius’s picture

...

kirilius’s picture

The solution above (use jQuery Update 2.x) does the job and Galleria appears in FireFox. However I also tested on IE6 and the view does not show again. Moreover I don't see any JavaScrip errors in the status bar.

mparker17’s picture

I've found conflicting reports about Galleria and it's compatibility with IE6. So, I decided to do a bit of testing on my own (Internet Explorer 6.0.3790.3959 on Windows Server 2003 Standard Edition + Service Pack 2). Here's what I found...

The Galleria generated through Views Slideshow: Galleria on my own site doesn't work (it shows a blank screen).

An issue in the Galleria library's issue queue on Github suggests that you need to set an explicit height and width on the slideshow's container. However, this didn't work for me on my own site.

On the Galleria support forums, there are claims that it doesn't work with IE6.

When I tested the demos on the Galleria home page, the Classic and Dots versions only show a black box (i.e.: no "current image", even when I click on one of the thumbnails). The Classic themes show thumbnails and no navigation images; while the Dots theme shows the navigation dots and nothing else. I could see the "current image" and some navigation in the Fullscreen demos — if you need IE6 support, the full screen mode might be your best bet.

Adam S’s picture

Galleria does not work in IE6. I tested nationalgeographic.com in IE6 which uses Galleria for about 1/3 of it's content and the Galleria works however IE6 breaks the rest of the layout and design. They use an older version of Galleria with jCarousel that does work with IE6.

Here is the tutorial for the National Geographic implementation. http://blog.themeforest.net/tutorials/how-to-integrate-the-jquery-galler...

It has all the source code available for download which is good since the Galleria plugin has changed quite a bit.

aaron’s picture

i am able to use galleria w/ ie6 just fine, with jquery 1.3. odd that it doesn't work for you :( i don't have a public site up yet, but will put that up when it's launched (next month)

aaron’s picture

Status: Active » Needs work

i just looked again and realized i'd neglected to add jquery_update as a dependency. i just added that, which will at least alert folks about the reality of it not working from a vanilla drupal. ideally, jquery update's #685060: Get ready for 1.4 will be resolved soon, and we can simply add a requirement for that branch.

mparker17’s picture

I just found a post on the JQuery forum entitled Multiple versions of JQuery on the same page. It explains how to use two versions of JQuery at the same time. Another page in the JQuery documentation that might be related explains Using jQuery with Other Libraries.

I haven't done a whole lot of JavaScript/Drupal module programming; but I'm wondering if it would be possible to do something similar for this module — it would be awesome if we didn't have to care about which version of JQuery the Drupal core was using. My concern is whether or not we would need to edit the Galleria library — I'd prefer to avoid that solution.

Thoughts? Is this even feasible?

mparker17’s picture

I've just found the following page in the Drupal handbook entitled Multiple different versions of jQuery co-existing, which gives instructions on how to do this.

I see a little bit of a performance impact because the browser would have to load and run two versions of jQuery at the same time — but jQuery is only something like 24 KB when minified, and @aaron's already done a good job of loading galleria.js only when we need to; so my initial impression is that, if we can also only load the second jQuery when we need to, the performance impact wouldn't be too big (feel free to correct me if I'm wrong).

Anyway, to summarize the article above, views_slideshow_galleria would have to:

  1. load the jQuery version bundled in the Galleria library, which automatically keeps a reference of the old version of jQuery before (re)assigning $() and jquery() to itself
  2. create a named variable pointing to the newly-loaded jQuery
  3. call the newly-loaded jQuery's noConflict() function, which restores the original references for $() and jquery()
  4. when the code needing the new version of jQuery needs to run, we'd have to refer to it by the named variable set in step 2.

The only tricky step is the last one — I think we all agree that we'd rather not find-and-replace inside galleria.js every time we want to use it on a site. Forgive my ignorance — my Javascript knowledge is terrible — but is there some way of having galleria.js run in a namespace where $() has been temporarily re-re-assigned to the new version? Something like the following (I have no idea if it works or is even valid syntax):

function() {
  var $ = galleria_jquery; // where galleria_jquery is the named variable that we created in step 2 above
  // Let galleria.js run in here somehow.
}
kentr’s picture

As mentioned earlier, you can get Views Slideshow: Galleria to work if you install a version of jquery_update in the 6.x-2.x branch.

This is not working for me. Neither is manually putting jQuery 1.3.2 in /misc/ and disabling jquery_update.

I repeatedly get errors that the theme can't be loaded:

Theme at /drp/sites/all/libraries/aino-galleria-2680bfb/src/themes/classic/galleria.classic.js could not load, check theme path.

This is on FFMac 3.6.11, Safari 5.0.2.

I'm wondering if it's a bug in galleria.js. Looks like the callback function here isn't executing, and loaded is not being set to true:

        Utils.loadScript( src, function() {
            loaded = true;
        } );
kentr’s picture

Update:

Oddly, fullscreen mode works somewhat. It won't autoplay, but the navigation arrows seem to work.

jimmb’s picture

Yes, I'm experiencing the same thing as #30 and #31...

After not seeing the "Views Slideshow Galleria", I installed the 6-x-2.x branch of JQuery Update module.

The gallery images still aren't displaying, but when I select fullscreen mode in the views slideshow settings, I do see the slideshow.

Jim

mrfelton’s picture

Just spent ages trying to get this working. Tried all the suggestions here, loads of different versions of galleria. In the end, the problem was related to a JavaScript error about the width and height. Explicitly setting this fixed the issue:

.galleria-container {
  width: 725px;
  height: 400px;
}

I would have thought the module should do this for you, since it doesn't function without it.

holeepassion’s picture

trying to create a sliding gallery view, could somebody give me a pointer step by step ?
any samples on the website for me to see as well ?

thanks

jimmb’s picture

mrfelton, thanks so much for figuring that out and posting the solution!

I just added that code to the "views_slideshow_galleria.css" file at /sites/all/modules/views_slideshow_galleria/themes/css/

It worked for me too.

Best,

Jim

cherryweed’s picture

Just spent ages trying to get this working. Tried all the suggestions here, loads of different versions of galleria. In the end, the problem was related to a JavaScript error about the width and height. Explicitly setting this fixed the issue:

.galleria-container {
  width: 725px;
  height: 400px;
}

This and using the jquery update 6.0-2.0 alpha worked for me!

Thanks so much!

dealancer’s picture

Please put jquery_update into dependences and write in the modules page that user should update the jquery.

paul@poetsma.nl’s picture

Update to jquery_update-6.x-2.x-dev and adjusting .galleria-container in /sites/all/libraries/aino-galleria-e23f811/src/themes/classic (see comment #36) works for me. Just the JQuery Update was not sufficient.

stewest’s picture

My issue is all too similar.

I get this error with firefox (See more details below)

Error: uncaught exception: [Exception... "Could not convert JavaScript argument arg 0 [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: http://mysite.com/sites/all/modules/jquery_update/replace/jquery.js?W :: anonymous :: line 808" data: no]

It partially works in Chrome (v10), Safari (v5 PC) Internet Explorer 8 (and Dev mode IE 7), my current config loads the slideshow (fullscreen- however the images aren't scaled and cropped properly, especially portrait pics. It doesn't seem to be passing the settings on to the slideshow, set in the view config). It starts on first pic, but doesn't scroll by itself. I can use keys to navigate or arrows to next slide.

So Ja, it doesn't autoplay in Firefox (3.6.16) - as in it just shows the white loading circle animation. But one can manually scroll it. (Same scale/crop issues above)

I'm currently using:

Views 6.x-2.12
Views Slideshow 6.x-2.3
Views Slideshow: Galleria 6.x-1.x-dev
jQuery UI 6.x-1.4
jQuery Update 6.x-2.x-dev

I have tried this with Views 3 and views slideshow 3. Same issues though - also with other versions of Jquery Update?

Any thoughts.

mandclu’s picture

In my case Galleria works perfectly in all browsers except Firefox. Would be very interested to hear the fix.

stewest’s picture

Hi there.

Would you be cool the let us know what versions of the required/dependent modules you are using?

jrstmartin’s picture

MRFELTON, you are my hero! Setting

.galleria-container {
  width: 725px;
  height: 400px;
}

in your theme's CSS makes it work. WTF! Also note:

  • views Module - 6.x-2.12
  • views_slideshow Module - 6.x-2.3
  • views_slideshow_galleria Module - 6.x-1.0-beta3
  • jquery_update Module - 6.x-2.0-alpha1 (which is jQuery 1.3.2)
  • Galleria - 1.2.5
  • views_attach Module - 6.x-2.2
unc0nnected’s picture

Yep, same issues here with me.. Ran through the gambit of solutions and the only thing that worked was to uninstall the jquery update module and then copy 1.3.2 overtop of jquery.js in the misc directory. That gave rise to a bunch of other error messages which got resolved.. blogged about it here: http://blog.netflowdevelopments.com/2011/11/21/getting-views_slideshow_g...

ainz’s picture

I couldn't get this module to run for anything but this is what worked for me.

http://drupal.org/node/877864#comment-5760420

stewest’s picture

Issue summary: View changes
Status: Needs work » Closed (outdated)