Last updated April 1, 2012. Created by Manuel Garcia on March 9, 2011.
Edited by FluxSauce, medrupalfan. Log in to edit this page.
This is a guide on using the galleryformatter module.
Work in progress. Please feel free to edit and contribute to this guide.
Required steps for use in Drupal 7:
- Install and enable the module
- The module does not have any Permissions to be set
- The module does not have any Configurations to be set
- Create or select an existing content type that will use the Gallery
- In this content type, create or select an Image type field. This field type is part of Drupal 7 core.
- Have the Image field accept multiple values (more than one image makes sense for a gallery)
- In the display settings (Under the MANAGE DISPLAY tab) for your content type, choose JQuery Gallery as the Format for your image field
- Click on the Settings (Gear) icon to configure the settings for the gallery there
- The settings should be quite self explanatory
- Save the configuration by clicking on the 1) Update button for the field and 2) The Save button at the bottom of the Manage Fields page. Changes do not take effect until both these buttons have been pressed.
Then when you create nodes of that type, and you upload several images to that field, the galleryformatter will display them as a jQuery gallery.
Using galleryformatter in views.
You can use the formatter in views, but keep in mind that it will show one gallery per multivalued field. So that means one gallery per row.
There is one important setting that you MUST set on in order for the formatter to work : "Use field template" under Style settings for your image field must be turned on.
Comments
nice module. Was very easy
nice module. Was very easy to setup after I figured out what i was doing.
Automatically show next slide
Is there a quick way to have the gallery go from one image to the next without clicking on the thumbnails? Like an automatically playing slideshow until the user actually clicks a part of it.
Pictures Cropping and not scaling
I like this module, but am having challenges getting the "image" module to adhere to my request for scaling on the slides and thumbnails. the Slide gallery keeps cropping my pictures. Any ideas?
Amy
Adding galleries to a drupal7 website
Hi there!
I have created a tutorial "Adding galleries to a drupal7 website using lightbox2 and galleryformatter"
There is a patch included for the galleryformatter in this tutorial to handle the cropping problem.
After applying the patch configure your galleryformatter to use the following settings:
Select the slide style: large
Select the thumbnail style: thumbnail
that works
excellent article thank you so much ! my galleries are looking very nice thanks to the patch. one thing I notice is that the slider is always the same width at the photo preview. is there any way to manually set the width of the slider?
I like this plugin, but problem - ::Solved::
I like this plugin and want to thank you for making it, however I am having a little trouble. I am very new to drupal so I may be simply missing something. I installed gallery formatter and it worked fine, but I had not installed one of the viewing options yet. I have now installed colorbox but the images are still appearing in a new window by themselves. what could I have done wrong. please advise me if you can. Thanks
DC
--nevermind, I tried lightbox 2 and it worked like a charm. guess there is some incompatabilty in the the other at this point. Oh well.
My settings are as below: u
My settings are as below: u can try this.
Structure-Content Types-Gallery-Manage Display : Slides style: galleryformatter_slide
Thumbnails style: galleryformatter_thumb
Gallery style: Greenarrows
Linking to full image
Full image style: None (original image)
Modal used for full image: colorbox
Use jQuery modal for full image link
Colorbox (pull down menu)
Select which jQuery modal module you'd like to display the full link image in, if any.
If you like you can check my gallery http://vision4life.in/image/kerala-village
pvm610
website : http://happyrays.in
My site vision4life.in is closed. Clicking on that url will not take to valid pages.
In configuring content type
In configuring content type (Drupal 7) I cant find this line per the instructions...
"In the display settings for your content type, choose JQuery Gallery for your imagefield" It is not in the list. How do I fix?
I've got this problem too
... all modules apparently installed ok, and permissions set up.
But there is no option to select jquery gallery.
Any ideas?
Thanks.
Check under Content type display settings
jQuery Gallery is under the Display settings tab, not on the main content type fields page:
www.yoursite.com/admin/structure/types/manage/yourgallerycontenttype/dis...
Nice one... thx...
Nice one... thx...
HS
only one thumb showing
only the first thumb displaying, rest thumbs are not displaying http://www.happyrays.in/image/rosary-and-litany-garden
pvm610
website : http://happyrays.in
My site vision4life.in is closed. Clicking on that url will not take to valid pages.
problem solved
I could solve this problem. This problem occured for images uploaded through plup and plupload integration modules. When uploaded directly without using these modules, all thumbnails are displaying for edit and for viewer. Uninstalled both modules. These modules help to bulk upload, but if thumbnails not showing, then what is the use?
pvm610
website : http://happyrays.in
My site vision4life.in is closed. Clicking on that url will not take to valid pages.
vision4life.in removed
Kindly note that vision4life.in is closed. This domain do not belong to me now and hence url will not show correct pages.
pvm610
website : http://happyrays.in
My site vision4life.in is closed. Clicking on that url will not take to valid pages.
Resize slide wrapper
I added small improvement for my gallery. This script in theme resizes div.gallery-slides accoding to image size.
(function ($) {Drupal.behaviors.shine = {
attach: function (context) {
$('.gallery-thumbs a',context).bind('click',function(){
$hash = $(this.hash);
$wrapper = $hash.closest('.gallery-slides');
$wrapper.animate({
width:$hash.outerWidth() + 'px',
height:$hash.outerHeight() + 'px'
});
});
}
};
?>
})(jQuery);
which file to add this script
Which file do I add this script
Galleryformatter not working in supages
I installed Galleryformatter with colorbox. Everything works on pictures added to the homepage. Wen I add pictures into a node and attach this node to a menu item Galleryformatter and colobox arent working anymore the pictures are just showing as they are without galleryformatter and colorbox.
How can i use galleryformatter and colorbox in subpages?
Gallery formatter-Lightbox2 does not show Title
Hi, I have a problem.
When I look through the slide style I show Title ( http://imageshack.us/photo/my-images/220/titlelg.png/ ), but the increase over(zoom in) the Lightbox2 title does not show me (show only Image 1 Image 1 of 10) ( http://imageshack.us/photo/my-images/6/title2k.png/ ).
P.S. I'm sorry for my english
I have the same issue
I love the photo gallery, and so does the client. However, the colorbox view (original photo) doesn't include the title, but the Image 1 of 10, etc. Any help would be greatly appreciated.
TL
Add new variable to galleryformatter.tpl.php
i am junior developer and i want to know how to adding new variable (ex: $is_front) to the galleryformatter.tpl.php? i copied this file to my custom theme directory.
Thank for answer!