You are here
Views jQFX Galleria
Wed, 02/16/2011 - 20:56 by James Benison
New Demo: HTML Caption Layer
Basically Galleria is a stellar themable customizable javascript photo gallery and this module integrates it with Drupal 7.
Image galleries can be created from images in a single node or from multiple nodes.
The demo above uses the classic theme with lightbox enabled. Images and thumbs are scaled by height. Image pan is disabled. Just click on the stage to open an overlay.
This demo also uses the classic theme, image crop is 'true', image pan is enabled, the stage is a little taller, and clicking the image toggles fullscreen 'mode'.
Galleria also supports tooltips, custom theming, and has tons of other advanced capabilities.
I will put up additional information on using Galleria as time permits. The readme file in the module and the descriptions in the Galleria settings for should be plenty for getting this module installed.
The new Galleria home page is up. They are offering only the classic theme now. All others are being offered at a price.
Also, Galleria has changed their API so that settings are now camel case. This module has been converted to the new format. Thus it will not work with older versions of the Galleria plugin. You must use Galleria version 1.2 or above.
More Demos:
The Module and an Extra Theme:
- Views jQFX Galleria
- Galleria Dots Theme (extra)
- Views jQFX (dependency)
The Galleria Plugin:
- Galleria homepage: http://galleria.aino.se
- Download from Git: http://github.com/aino/galleria/
The jQFX project pages on drupal:
Notes:
Image formatting is now done by the module. The image style for thumbnails, main, and fullscreen/lightbox displays are select in the galleria settings.
Lightbox support has been integrated into the settings as of 1.2.3. It no longer requires the extend function.
This module is undergoing frequent updates.
Comments
Hello, thanks a lot for your work in those modules.
I have a problem with Galleria, I don't see the images at all working with the module. With Firebug I see that I have all the markup but the divs that contains the images are styled as hidden and empties, without <img> tags inside.
I think that I setup all the stuff to make the galeria plugin work fine... I downloaded the plugin from Github and place into sites/all/libraries/aino-galleria/src/galeria.js and the same for .../src/themes/dots and classic. I'm using a view with all the configuration (an image field with a little imagecache preset) The jqfx style, galleria, etc. and a page display with an url path. All the rutine.
I'm using Drupal 7, views 7.x-3.0-alpha1 and your latest views_jqfx_galleria.
Some idea? Thanks in advance!
So you have images, and they are hidden. I would make sure that you input a height and width manually (auto is flakey) and chose a safe theme like classic. Also ensure that your theme path is correct and that advanced function fields (data config, extend, data source) don't have any code in them.
If that doesn't fix it just e-mail me a link to your site and I should be able to figure it out pretty quick.
Thanks James for your quickly answer.
I think I'm not explained my self very well (my poor english doesn't help me) but the situation is that I think I have almost the entire markup generated by Galleria and the calls to the scripts in the header.
In the other hand, two divs (the two for preload?) with the class "galleria-image" are hidden and empties (no images at all inside). Also divs with classes "galleria-loader", "galleria-thumb-nav-left", "galleria-thumb-nav-right" are hidden. I test the classic, and dot themes and the same situation.
My theme path is correct and the advance function fields are "hide", without code. I think is something related with views...
By the way, I defined just one image field. I need just one for all? Big and thumbnails images?
But I know, this is hard without see alive. So soon I'll update my dev site and I'll be back with the url.
Again thanks a lot for your help.
The advanced functions only get passed if something is typed into the field. If the contents are not a valid function it will break the galleria. Leave these totally empty until you get the galleria working. Then you can experiment with them. Also, the galleria init function is loaded in the footer. I did this because it works most consistently with internet explorer when the init function is at the bottom of the page. If your theme is custom and doesn't have a footer region this could also be a problem. If you don't have a footer I can guide you through making a couple minor changes in the modules' theme file that will load them in the head. You only need (and should only have) one image field in your view. Thumbnails linked to file are the best choice. You do not need separate thumnail and full size images. Galleria will take care of loading the full size images from the link. The sandbox page for this project on Drupal is here: http://drupal.org/sandbox/jamesbenison/1076658 The latest builds and an issue queue is on there. I'd like to get all discussions moved over to that project page. Best
Hi again, a short one before moving to the sandbox. I have now "show" in the advanced function fields, I have a footer region and I see the code there, but still I don't have visible output.
The url, perhaps this can help to find the problem: http://lightcondensed.com/demos/elultimocafe/galeria
Thanks in advance
Go back into your jQFX settings menu in views. The height and width fields are currently set to 'auto'. Put numbers in here like height 400 and width 600.
Your Galleria will display.
Also, disable the history plugin option. You don't appear to have that in the plugin download from aino. They stopped including it in the past week or so. I will have to make provisions for this in the module. It shouldn't affect whether the Galleria works or not though.
Everything works fine now. Thanks a lot!
Hi,
at first I must say: thanks for this module! :)
I have another problem. I can't see the "big picture" - only the thumbs are displayed. It seems that the "big picture" is too big :) ... when I look with Firebug at the html code, there a some strange css styles:
"style="display: block; width: 284400px; height: 320000px; position: relative; top: -159835px; left: -141910px; opacity: 1; "
What I'm doing wrong?
Thanks in advance
I have found a solution. Setting the max scale ratio to 2 and now I can see the image.
Right now views is set up to allow displaying an image style (like a thumbnail) and linking it back to the original file. In some cases the original file could be huge and will cause the Galleria to mess up. As views gets rounded out I'm pretty sure that it will permit linking to other image style presets rather than only the original file. This has actually been a concern of mine.
Thanks for the tip. Seems like a good temporary work around.
Row: 704
Fata error: Stage measuers not found
This module probably does not work with IE6. Developing scripts so that they continue to work with dinosaur technology allows people to continue using dinosaur technology. You should be able to hack it if IE6 support is that important to you..
Hi, I have used this fantastic gallery for a photography site, the only problem is that the images that are in the lightbox get soft as if they are being either stretched or shrunk, I have made both thumb images which are really sharp all 430px high, and large ones for the lightbox that are 600px high, I can control the height of thumbs in the main page script, but can't find anywhere to check the height of the lightbox images, any idea welcome, it's an amazing gallery, just need this sorted.....
Forgive me, as I am not a photographer. But I'm not clear on what you mean by 'softness'. Could you perhaps provide a link? Do you notice this behavior in the demos on my site?
I think this is great. In some cases the original file could be huge and will cause the Galleria to mess up. As views gets rounded out I'm pretty sure that it will permit linking to other image style presets rather than only the original file. Thank you.
You are correct that image link options are sorely lacking in views at present. It appears that the views maintainers are gradually adding that functionality back in.
I could add it into this module, but i'm reluctant to add features that are already obsolete.
hi, thanks in advance for this great module and your help.
Issue is that setting up view beside "Fields" I see this message
"The selected style or row format does not utilize fields." in other words I can not add any fields to the new view... as a result thumbnails get loaded but the main image does not load.
You will need to change the format type to jQFX.
After that you will be able to add fields and change the settings.
BTW, please try to keep questions like these in the drupal issues queue.
Thanks
I'm really impressed with your writing skills and also with the layout on your blog. Is this a paid theme or did you customize it yourself? Anyway keep up the nice quality writing, it is rare to see a great blog like this one today.
The thing is that format has been set to jQFX as per README instructions just can't add fields. Is it possible that it can be caused by some other module?
P.S. I've posted here because I thought the question is related to JQFX Galleria not the core drupal.
Thank you.
Got it working, fresh head in the morning usually helps :)
In case someone else might have same problem I had it set in views FORMAT "Show: content" where it should be "Show: fields".
Thank you for great module.
Hi thanks for the module it seems to do exactly what I was looking for. I purchased the fullscreen theme and had a bit of trouble getting it up and running but after renaming the .min.js file to .js it all sprang in to life. I'm really happy but when I try to edit the View that is creating the slideshow the preview kicks in and all I can ever see is the Full Screen slideshow so I can't make any changes. Any ideas?
I have to say that I was just going over pages in my site a couple days ago and encountered the exact same thing. I think it is safe to say that this a pretty serious problem and I am surprised that it has not been brought up until now. When I first created the modules it was with an earlier version of views and this was not an issue.
Please post this as an issue on the drupal project page so others can weigh in (http://drupal.org/project/views_jqfx_galleria).
My initial thought is that I will need to have the module substitute a safe theme like classic in place of fullscreen when in views preview mode.
I will try to come up with a solution ASAP.
Thanks
Thank you for this beautiful Galleria. I have two questions that I can not solve, and which I have tried Google without finding a solution:
1) All the images posted on my site, regardless in which node they are stored, are displayed in the Galleria? Is it not possible to control which images to be displayed?
2) Is it possible to define several Galarias that shows different images?
Thank you in advance for answers
You can have any number of gallerias and pick the images that you want displayed in each one. That is what views does. The filters give you options for including/excluding, you can pass arguments, you can select different content types, create new views, and on and on....
You should probably look up a views tutorial or look at the help section in your admin menu for views. The module provides a way to display the views output in a galleria. How the view is set up is what determines which images get displayed.
Hi, I really like this module. But I'm encountering a little problem.
I followed all the instructions when installing. After creating the galleria content, the images are not displayed in jQFX. However in the preview section of the views, the galleria images are shown with jQFX. So I checked the field part again, and made sure checked the one that says Content: Image. But it still doesn't work. What must have gone wrong?
Thank you.
Regards,
D. Mirpuri
hi ,
i integrated folio theme but it does not work.
i made a content type which have a image filed(unlimited) and trying to show using a view .when i select classic it works fine but it does not work for folio theme. can u please help .. i am trying for last 10 hours...
thanks
Hasib
Go into jQFX settings. In the display options put "show" as "false".
Hi James,
thanks for quick reply but its does not work. its shows thumbnail image but when i clicked on thumb image its popup but there is no image shows in popup. please help me..
thanks
Hope I don't sound harsh, but this was discussed in the module issue queue on drupal. That would be a better place to go to for answers rather than re-inventing the wheel here.
Hi James,
I've been looking for a module that will overlay HTML on the image for a while, the Galleria module seems to fit the bill very well. The ability to map the fields is excellent.
I'm using the drupal 7 dev version (7.x-1.x-dev) and have downloaded Galleria version 1.2.5 but I am having problems in getting views 3 to accept my jQFX Galleria options in particular the Lightbox options. I keep getting the error (!setting must be numeric!) for the overlay and the overlay opacity options, I've tried different settings but cannot get past this error.
Any ideas as to what I may be doing wrong.
Regards,
Mike
Hi James - I recently brough a template from templatemonster with includes the JQFX: cycle - I'm having trouble fixing a problem with this and getting any support - if I delete a node the slider it was 'attached' to still shows up as a white slider. If I add a new one it doesn't appear. I'm happy to pay for someone to fix this - but as its so new no one really knows what to do.
regards.
If u haven't solved this problem let me know as I have had the same issue with a template monster template and was able to fix the issue. It involves fixing the css.
yages.m@gmail.com
Please send me a message with your e-mail via the contact form. I know it wasn't working for a couple weeks (Postfix wasn't installed on this server) but it should be fine now.
Fixing your problem should be quite easy. You might have already figured it out by now.
Thanks
I'm not configuring it correctly and I don't know what I'm doing wrong.
My images are in nodes, I left averything default, and chose jQFX format and the field from the node that is a picture.
Any suggestions of what to check?
Hello James
First thank you very much for this drupal module. Beautiful and great to use and insert in a website.
Just one tiny question: Is it possible to define one gallery / one page.
For now i have set up a gallery in views but it displays pictures from several basic pages, whereas i would like to only display in a page's gallery, the pictures i add there.
Thank you for your answer.
Nicolas
Unfortunately it is currently only possible to display a single galleria per page.
This might change at some point, but right now I'm focused on the video player.
Hi, I've installed the Galleia and it made a view for it. Unfortunately I cant get the info icon visible. I've added additional fields for title and description but none of these are visible.
Any ideas what I'm missing?
Tx, Lars
This is just what I need.
http://www.chairez.com
Add new comment