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.
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:
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
Hi @rogerwindberg,
maybe the simple Google Folder ember will work for you? I am using it here for example: Visualbook – Presskit