Blueimp gallery for Bootstrap multiple galleries issue

I have this problem trying to have more than one gallery in one single page. I am using Twitter BOOTSTRAP for the page and blueimp Gallery for the images. The fact is when I duplicate (for testing...

Adding descriptions inside a blueimp gallery

I am using a BlueImp Gallery to add lightboxes to my image gallery. So, when you click on an image thumbnail, it launches a lightbox with a larger version of the image etc. I also want to add in...

blueimp gallery set indicator on by default

I am using blueimp gallery http://blueimp.github.io/Gallery/ as a lightbox in my website. Is there an easy way to keep the indicator on by default? Right now, after you open a gallery in a...

blueimp gallery loading dynamic content

I have successfully implemented Blueimp Gallery into my website, and using HTML5 data attributes am able to get the lightbox to work. <a href="multimedia/3.jpg" data-gallery="" ...

Lightbox Gallery in Bootstrap 3 template?

I'm making a one-page website for a friend of mine. She's a fashion designer, and she would love to have a one-page website based on the "Stylish Portfolio" Bootstrap template -->...

Blueimp gallery implement multiple times on one page

I am using Blueimp gallery to show a lightbox on a webpage. I can show one light box on the page OK but I want to add multiple light boxes under each other for different image categories etc (i.e....

blueimp-gallery calling loading.gif causing error

I've recently taken over a project using the blueimp-image-gallery. Everything seemed to be working fine until I started working on some tests. When the image is clicked, before the lightbox is...

blueimp/Bootstrap-Image-Gallery Extension Error: this.container.children is not a function

I need your help. I have a WORKING blueimp gallery using lightbox. I wanted to add the extension shown here: https://blueimp.github.io/Bootstrap-Image-Gallery/ The idea was to achieve the extra...

No scrolling after closing lightbox (blueimp)

I built my own website and wanted to add different galleries, so I tried blueimp. It works perfectly, but when I'm closing the lightbox, I'm not able to scroll on my page anymore. Can somebody...

Bootstrap Image Gallery using Blueimp is not working

I am trying to add image gallery feature on my bootstrap framework website. I am using Blueimp for gallery. but the problem is that it doesn't show images it shows only next and previous...

Scrollbars disappear after using blueimp lightbox

I found blueimp image gallery and wanted to use it with bootstrap. I stumbled over a problem and reduced everything to bare blueimp script. When I click on an image and the lightbox opens and I...

Bootstrap "navbar-fixed-top" causing issues with Blueimp photo gallery in fullscreen

After adding a "navbar-fixed-top" class to my Bootstrap nav and then clicking on a photo in the Blueimp lightbox gallery, the navbar is not hidden underneath it. It appears overlaid on top of the...

HTML/CSS: Bootstrap navigation bar isn't responsive

I am utilizing a Bootstrap Navigation Bar at the top of the webpage. Much like many Bootstrap Navbars, this particular one collapses when the page reaches a certain length, and all of the headings...

blueimp-gallery rotating big picture

I use blueimp-gallery with the bootstrap plugin and all portrait pictures are 90° rotate on left. Is this a bug from blueimp or navigator? Here is my code: <!-- Gallery --> <div...

How to customize image size when using blueimp-gallery lightbox?

I'm using http://blueimp.github.io/Gallery/ in a bootstrap environment. It works with my images but the modal window which shows the full size image is not large enough for me. It takes only ...

how to properly open a modal within a modal

I am using bootstrap image gallery to display my images, but what I'm doing is that the image gallery will be displayed inside a modal and once there you can click on the images to maximize them,...

blueimp Gallery - lightbox - customize for images and HTML5 video

We're using blueimp for our gallery and have successfully implemented the slider to show both images and html5 videos with multiple sources using the approach below Here is the div layer: <div...

How to correctly install bower component in angular (blueimp)?

I´m just starting to work with Angularjs and have a simple issue with bower that don´t now how to solve it. I was requested to implement "blueimp-gallery" in my project, I downloaded it from...

Blueimp galllery is not working

I'm trying to use blueimp gallery, but something went wrong - on click I just got full size image opened in browser instead of lightbox. Here is markup: <div class="blueimp-gallery...

Blueimp Gallery automatically starts on slideshow mode

I have a Blueimp gallery working, but when the page loads, it immediately goes to slideshow mode, instead of only displaying the thumbnails. I'd like to display thumbnails first, so that if...

Bootstrap-Image-Gallery doesn't show full images

I can't make the simplest Bootstrap-Image-Gallery example work. I have the following HTML from their site: <!DOCTYPE HTML> <head> <link rel="stylesheet"...

How to add a button and functionality to blueimp gallery

I'm trying to add an extra button to blueimp gallery (gotten from https://github.com/blueimp/Gallery) besides the play-pause when the gallery is shown as a lightbox. The purpose of that button is...

Dynamically populate onclick url link based on field from foreach loop - image gallery

I have the following view in my mvc app @model ProjectExplorer.Web.ViewModels.ProjectDetailViewModel @{ } <section id="imagery"> <h3>Project Imagery</h3> @if...

attach image to form, reload gallery div only

How would I go about uploading an image to my form and then refresh the div containing the uploaded images as opposed to reloading the entire page and losing the previous input? Preferably, I...

Adding "img alt attribute" inside a blueimp gallery

I am using a BlueImp Gallery to add lightboxes to my image gallery. So, when you click on an image thumbnail, it launches a lightbox with a larger version of the image etc. I also want to add in...

Blueimp Gallery inside Boostrap Modal not vertical aligned properly

I have a modal window that shows a few data that also has Images which open in Blueimp gallery. The problem I have is, when the image is opened in BlueImp gallery, the image is not vertically...

Trying to get window.location.href to call ActionResult. MVC + Javascript

I have a delete button that calls a javascript function onclick. The function function fires, gets id and displays in Alert, the tries to use window.location.href = "/Home/DeletePhoto/photoId=" +...

Smooth Scroll not working properly on mobile layout

I'm doing a site and in browser layout, smooth-scroll works perfectly but in mobile layout when I click in a link it doesn't leave me in the right place. Always much lower. Why? I have reviewed...

Laravel SweetAlert not working inside validation fails block

I am using realrashid/sweet-alert version 3.1 with laravel 5.8 the issue is when I am using alert after form success or after validation failed its not working here is my code public function...

Add client side javascript asset before end of body in nuxt

I have an image gallery in my nuxt site running in universal mode (deployed as static page) and would like to add blueimp gallery (a lightbox) to it. There are several ways to place the Javascript...