Hi
I think I found a conflict with bootstrap tabs, will you please check to see if there is a workaround/fix for it.
This is what I am trying to do:
a gallery page where I have a tabbed navigation each tab being a gallery
Legend:
tab button | status | tab content
tab-1 | [activa tab] | click on other tabs to see the content
tab-2
tab-3
tab-4
tab-...
clicking on tab-2 should display
tab-1
tab-2 | [activa tab] | gallery-1
tab-3
tab-4
tab-...
clicking on tab-3 should display
tab-1
tab-2
tab-3 | [activa tab] | gallery-2
tab-4
tab-...
... and so on
I tried fancybox, and prettyphoto, they do display the thumbnails, but nothing when clicking on thumbnails. Using photoswipe it works randomly, but mainly like this:
Only the first gallery (tab-2) works, and only when clicked first, meaning if I click tab-2 and click on the images it displays the enlarged image, and I can navigate the others.
If I then click tab-3, and click on an image nothing seems happening, and when reclicking tab-2 the large image (of tab-3) is shown overlapped with other images.
Thank you
p.s.
I set up a test demo for your convenience:
afzdesign dot com/demo/fioriera/gs/
I think I found a conflict with bootstrap tabs, will you please check to see if there is a workaround/fix for it.
This is what I am trying to do:
a gallery page where I have a tabbed navigation each tab being a gallery
Legend:
tab button | status | tab content
tab-1 | [activa tab] | click on other tabs to see the content
tab-2
tab-3
tab-4
tab-...
clicking on tab-2 should display
tab-1
tab-2 | [activa tab] | gallery-1
tab-3
tab-4
tab-...
clicking on tab-3 should display
tab-1
tab-2
tab-3 | [activa tab] | gallery-2
tab-4
tab-...
... and so on
I tried fancybox, and prettyphoto, they do display the thumbnails, but nothing when clicking on thumbnails. Using photoswipe it works randomly, but mainly like this:
Only the first gallery (tab-2) works, and only when clicked first, meaning if I click tab-2 and click on the images it displays the enlarged image, and I can navigate the others.
If I then click tab-3, and click on an image nothing seems happening, and when reclicking tab-2 the large image (of tab-3) is shown overlapped with other images.
Thank you
p.s.
I set up a test demo for your convenience:
afzdesign dot com/demo/fioriera/gs/