
This article about colorbox and views: how to display first thumb styled image of the multiple image field and after click on it display all images in colorbox.
First of all install views, libraries, colorbox и colorbox plugin.
$ drush en views libraries colorbox -y
Download colorbox plugin and unpack it in libraries folder.
https://github.com/jackmoore/colorbox/archive/1.x.zip
Steps:
- Create views page/block.
- Show: Fields.
- Add field Image (for thumb)
- Exclude from display
- Formatter “colorbox”
- Content image style: “Thumbnail“
- Content image style for first image : no special style
- Colorbox image style: “Large”.
- Gallery (image grouping) : Per post gallery
- Show Multiple field settings:
- Display all values in the same row
- Simple separator: leave blank
- Display 1 value
- Add field Image (for colorbox)
- Exclude from display
- Formatter “colorbox”
- Content image style: Hide (dont display)
- Content image style for first image : No special style
- Colorbox image style: Large
- Gallery (image grouping) : Per post gallery
- Show Multiple field settings:
- Display all values in the same row
- Simple separator: leave blank
- All values starting from 1.
- Add field “Colorbox: Trigger Colorbox“
- Trigger field: field_images. (Select your images field name)
- Popup: your images field token. Ex: [field_images_1] if your field is field_images.
That's all. Now you can check page or block. There would be only the first image of multiple field and by clickin on it colorbox would be with all images from those field.
UPD: I was so happy to see this manual on drupal.org https://www.drupal.org/node/1419098#comment-8883415