michaelsoriano / bootstrap-photo-gallery

jQuery plugin that converts your list of images into a grid-based gallery on Bootstrap 4. Supports larger view in a modal with next / previous controls

Hi 👋 My name is Michael

• 🌍  I'm based in California, US
• 🖥️  See my portfolio at michaelsoriano.com
• 🧠  I'm learning TypeScript, React, Prisma, NextJS, Laravel
• 🤝  I'm open to collaborating on Interesting Projects

Skills

bootstrap-photo-gallery's Issues

How do I make the full size files popup?

Hello.
I would like to make the full size versions of pictures to pop out. (like full screen are almost) I see that sometimes pictures are shown with full height.
How can I achieve this or maybe make the popup window bigger?
Should I edit the JS or CSS file?

Sincerely

Michal

displaying multiple galleries on the same page

I folllowed the instructions to set up a photo gallery using the plugin, and it works for one gallery. But when I try implementing a second gallery, one gallery overlaps another. How would I go about resolving this issue?

Here's a screenshot of what's happening:

bootstrap v4 breaks sizing and arrows

When I use bootstrap v4 rather than v3.3.5, I'm noticing places where bootstrap-photo-gallery breaks...

• the thumbnails no long represent the entire image and instead are all the same size and contain the upper left corner of the image rather than the entire width of the image.

• the glyphicons to close and move left/right in modal mode are gone

Any ideas on a fix for this? When I use bootstrap v.3.3.5, it looks like yours, but the rest of my site is using v.4, so I'd like to stick with the more recent version.

Mac os x safari browser issue

Hello,

Awesome library, by running your demo on safari mac os browser, the preview image modal is not working

show img can't be middle in vertical direction

show img can't be middle in vertical direction;

Thumbnails support

Is it possibile to add native support to thumbnails?
Someting like

<li>
   <a href="source.jpg">
        <img alt="img"  src=" thumbnail.jpg">
        <p>Some text</p>
    </a>
</li>````

How do i add button or links at text area(under the image) in every<li> tag?

How do i add button or links at text area(under the image) in every li tag?
I've been trying to find out like...

• when click the button in li, remove all classes for show modal popup.
• click li , it shows modal popup anyways now, so i was trying to make it happend on image in li.

unfortunatly, all faild.
would you please help me out?

improvement

I've done few improvements ( replace anchors by buttons and set description at the center bottom ), if you consider useful take it. I suppose this is not the right way for giving you, but I ignore what is the correct one. I will use your photo gallery to show screenshot of an application and I little description in the screenshot is necessary to illustrate what is seeing.

Also in your demo.html file I needed to change the line ( possible bug with missing http ? )

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>

to <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

You can download the files from here http://www.fast-files.com/getfile.aspx?file=100722

Broken grid on some sizes

I took your idea and adapted it to a video gallery.

See: http://jsfiddle.net/mk2r974o/

Sometimes it looks fine:

Sometimes it puts one of the videos on the right:

I can't catch what the differences are in the code....

Issue with Portrait Format

Hi,

First thing, nice job! It works well with Lanscape format. But when you add Portrait format picture, it become more complicated.

First point (major): Portrait picture is not well defined. Huger than landscape and need to scroll to click next.
Second point (more minor): Column resize is space

Best regards.
Frederic

Including a download image in the modal popup

This may be already baked in but I don't know the coding well enough to decipher what I need to do. I would like to include a link and clickable icon that will prompt for the download of the image presented in the modal popup. Can you provide me with some insight and direction? Thank you.

Release

Could you make a release?
Like, just a zip or something to make it formal :)