I've followed 2 tutorials I found to create a photo gallery using the image field, views and panels to create photo galleries on Drupal.

http://jamestombs.co.uk/2011-05-26/create-album-based-image-gallery-drup...
http://jamestombs.co.uk/2011-08-18/use-panels-override-node-output-drupal-7

It's working pretty well so far and looks pretty good. But a photo gallery can have a lot of pictures and displaying them all at once is a lot of clutter even with thumbnails and can be slow. So I changed the panel to display a max of 12 at a time, paged. Thus I discovered that the per post gallery means per post that is currently being displayed. But I'd like the Colorbox to slideshow all images in the post/node even if they aren't currently displayed on the page at the time.

Is this at all possible?

Comments

frjo’s picture

frjo commented
Category: feature » support

No that is not possible. The links must be on the page for the Colorbox plugin to find them.

What you can do is add invisible links to all images that is not currently showing. Something like this.

<div class="js-hide">
<a class="colorbox" href="/path/to/image/in/gallery/13.jpeg"></a>
<a class="colorbox" href="/path/to/image/in/gallery/14.jpeg"></a>
<a class="colorbox" href="/path/to/image/in/gallery/15.jpeg"></a>
…
</div>

Should not be to difficult to set up views for this with e.g. attachments displays and field rewrite.

lsolesen’s picture

lsolesen commented
Status: Active » Closed (works as designed)
rob de koter’s picture

rob de koter commented

A Little CSS will do the trick: In the view you us choose for the per field in post gallery and in multiple image settings "unordered list" and display all values.
in the css we are hiding the other images

.view-portfoli li {
display: none;
}
.view-portfoli li.first {
display: inherit;
}

Success

sumit-k’s picture

sumit-k commented
Issue summary: View changes

we can do with colorbox in view also, select image field
Formatter -> colorbox

Content image style -> hide (not display image)

Content image style for first image->any image style

Colorbox image style -> any image style

That's it.