SPECIAL OFFER: Only $69 for access to everything in OSTraining for 1 year! You save $75!  1
Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!

Creating an image gallery with Field Collection

4 years 10 months ago #118931 by prakash.motjuste
Creating an image gallery with Field Collection was created by prakash.motjuste
Hi,

I am trying to set up an image gallery on my new Drupal site.

My requirements are as follows:
  • Add images and associated captions for the gallery
  • Display the gallery in the form of a responsive slideshow display (ideally BX Slider) with thumbnails of the images for navigation
  • Display only the first 5 images (and captions) of the gallery on the homepage, and link to the gallery's own page where all images and captions will be available

To accomplish this, the modules I have installed are:
  • Views
  • Views Slideshow
  • BX Slider Integration for Views
  • Views Responsive Grid
  • Field Collection

The things I have done so far are:

1) Created a "Gallery" content type

2) In the Gallery content type, created a Field Collection field called "Images and Captions" to allow me to input multiple image+caption pairs for each gallery content item

3) Created a View Block of type Responsive Grid to display only the field "Images and Captions"

4) Customized this field's display under Views to display as a Slideshow with appropriate slideshow options

5) Under Pager, set "Display a specified number of items" and "1 item"

Current Output:

1) All images and captions display as a default Views Slideshow on the homepage correctly

2) The slideshow is not fully responsive as it is using the default Views Slideshow - how can I use BX Slider instead?

3) While images are displaying as a slideshow, I don't know how to restrict it to only 5 images - can you point me in the right direction on this, please?

Additional queries:

Is it possible to place a More link on the 5th (last) image in the slideshow alone to go to the complete slideshow page?


Would really appreciate any help - thank you very much in advance!

Prakash

Please Log in to join the conversation.

4 years 10 months ago #118935 by rod.m
Hi,
As with everything drupal - there's a number of ways to look at it...

1. You can try this module: www.drupal.org/project/bxslider_views_slideshow
2. There is a CSS/Javascript solution here: www.drupal.org/node/1510526 (#55 at the bottom)

You might want to refer to the class www.ostraining.com/courses/class/drupal/slideshow?task=view for more help - The fourth video I think would be most helpful.

hah
Rod

follow us on Twitter twitter.com/ostraining
Facebook - facebook.com/ostraining
The following user(s) said Thank You: prakash.motjuste

Please Log in to join the conversation.

4 years 10 months ago #118948 by prakash.motjuste
Replied by prakash.motjuste on topic Creating an image gallery with Field Collection
Thanks very much - that is very useful!

I will try working with all these suggested possibilities and hopefully find what I am looking for...

Best regards,

Prakash

Please Log in to join the conversation.

4 years 10 months ago #118950 by rod.m
Awesome Prakash,

let us know if you need more :)

Rod

follow us on Twitter twitter.com/ostraining
Facebook - facebook.com/ostraining

Please Log in to join the conversation.

Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!