Thanks for this module.

I'm trying to make it work on a fresh install. I'm using jquery1.7 to prevent breaking Views UI.

I installed the Bootstrap Gallery feature and it's displaying my gallery. However the picture don't open in a modal.

How do I replicate the example on your site? http://kharbat.me/article/introducing-bootstrap-photo-gallery-drupal-module

Thanks.

Comments

tabestan’s picture

tabestan commented

So instead of using the feature provided, I created a view as specified in the documentation.

In Bootstrap Gallery settings, I added my image field and my title field. I put back jquery to 1.8. I can now see the modal.

How do I group them? Nothing happens when I click on "Next" or "Previous" in the modal.

How do I add a download link to the original image?

I added this code to bootstrap-gallery-modal.tpl.php, but nothing happens when I click:

<a class="btn modal-download" target="_blank">
 <i class="icon-download"></i>
     <span>Download</span>
</a>
tabestan’s picture

tabestan commented
Title: Modal not working » Issues with modal.
kharbat’s picture

kharbat commented

You still need to specify the field image in the feature.. That's a bug I need to work on. As for the download button you can use jquery along with the button you added, I think this example might help: http://jsfiddle.net/HTggQ/

tabestan’s picture

tabestan commented

What do you mean by specifying the field image in the feature? When I open the feature, I see the field image on the content-type installed by the module under field_instances and field_bases. I did specified the image field inside the view provided. Still the "Next" and "Previous" buttons don't work.

Documentation on how to reproduce the example will be a nice addition.

kharbat’s picture

kharbat commented

I mean to set the image field source in the sample feautre view settings. In the "Format" section.

Please make sure Bootstrap is installed right and its scripts are included. And jQuery version is 1.7+

Otherwise please paste any console javascript errors.

madaerodog’s picture

madaerodog commented

Hello, so I have a content type that has an image field that accepts multiple files. On my gallery page (that is a view using this module) I list all this nodes that have multiple pictures. But when I click on pictures the preview shows only the first picture in every group.

Do you have one node/image upload field for each picture in your demo?

Thank you

modellounge’s picture

modellounge commented

Recheck your symbols

kharbat’s picture

kharbat commented

Madaerodog multiple image fields are not supported. Each node represents one image.

JamesMugford’s picture

JamesMugford commented

Ahh I see, so should we use something like Field Collection if we would like to feed in multiple images from the same node?

Kind Regards,
James

ransomweaver’s picture

ransomweaver commented

If you edit your multiple image field in your view there is a Multiple field settings field set where you can uncheck "Display all values in the same row". This will get it to work, such that all the nodes that are included to the view have all their images treated as unique rows, and bootstrap gallery will make a gallery of them. If you want to restrict to a specific node, you need to filter for that node. Example, you might make a block view to do this, get the nid contextually, place the block content bottom and hide the image field from the node display. You'll have a grid of thumbs in the views block opening the gallery for the node.

kharbat’s picture

kharbat commented
Status: Active » Closed (won't fix)