Dynamic gallery (CMS)

Hi guys, I would like to know if there is a way to make a dynamic gallery in Bootstrap Studio so that I can log in with an “admin account” and insert the images into the site, without having to do this through HTML.

If you are running on your own server with php then you can use a php script to search a directory for images and load them in…

  <div class="container">
       <div class="row row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 g-3">
            
                

                <?php  
                

                $imagefiles = glob("assets/img/gallery/*.*");
                for ($i=0; $i<count($imagefiles); $i++)
                  {
                    $image_name = $imagefiles[$i];
                    $supported_format = array('gif','jpg','jpeg','png');
                    $ext = strtolower(pathinfo($image_name, PATHINFO_EXTENSION));
                    if (in_array($ext, $supported_format))
                        {
                          echo '<div class="col"> <img class="img-fluid" src="'.$image_name .'" alt="'.$image_name.'" />'."</div>";
                        } else {
                            continue;
                        }
                  }



                 ?> 
                
            
        </div>
    </div>

Then you would just need to upload new images to the directory (in this case ‘assets/img/gallery’
and then they will appear in the page

No, I only use Bootstrap Studio and its hosting. I would like a way to do this with BSS only.

You could make use of Javascript to populate with the images you want.

@rogerwindberg

If you store your images on flickr you can do something like this

I liked the idea! Do you have a tutorial to do this? What do I need?

You need a flickr api key
When you have your key go here

1 Like

I created the API key, configured it in nanogallery2 builder but still I can’t see my images. The return is always these images with animals.

Active and public:

image

Link for App:

https://www.flickr.com/services/apps/72157720822337278

Any idea what it might be?

did you click on the green button apply settings and build gallery?
you don’t have any albums select display the full photostream

1 Like
1 Like