# Website Gallery **URL:** \ **Category:** General\ **Created:** [November 5, 2018, 11:30am UTC](https://forum.pinegrow.com/t/website-gallery/2377 "2018-11-05T11:30:02Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![Jim](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/jim/32/1646_2.png) [@Jim](https://forum.pinegrow.com/u/Jim)\ **Post date:** [November 5, 2018, 11:30am UTC](https://forum.pinegrow.com/t/website-gallery/2377/1 "2018-11-05T11:30:02Z")
Hello, I have been using Adobe Muse and have now transferred to Pinegrow. I need to know if there is any way of implementing a gallery in my website without having to add each picture to the code. I am using a bootstrap template and the website I am working on can be found at [www.characteraromaproject.org](http://www.characteraromaproject.org) The charity would like to add several large themed galleries to their website but it looks like a lot of work! Any ideas would be appreciated. ---
**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\ **Post date:** [November 7, 2018, 3:17am UTC](https://forum.pinegrow.com/t/website-gallery/2377/2 "2018-11-07T03:17:56Z")
Galleries generally are a lot of work, unless you use a third-party program that can create the thumbnails and export all the code and images in folders. If you know your way around a code editor like Atom, and are clever with your file names, you can create one gallery the hard way (typing out all the numbers) and then use the find/replace feature to create subsequent galleries from the first one. In other words, your first gallery you would code by hand giving the images names like car001.jpg, car002.jpg, car003.jpg, and then you can do a find/replace with car\*.jpg \> boat\*.jpg, something like that. Then you can easily create multiple galleries after you do the first one. The thumbnails might be car-tb001. If you look at the code on this site that I built, you can see what I mean… [http://fortitudecontracting.com/fortitude-contracting-bathrooms-gal.html](http://fortitudecontracting.com/fortitude-contracting-bathrooms-gal.html) Another way would be to buy a program like Wow Slider, which I used to create the galleries on this site. This is a more “drag-n-drop” solution, but it displays the pics different. [http://panoramasigns.com/boat-graphics.html](http://panoramasigns.com/boat-graphics.html) There are tons of free image gallery programs out there. You can also use the Tree in Pinegrow to copy and paste Bootstrap gallery elements, and then double click to change the images. Another solution would be to use the gallery in a program like Mobirise, export the site, and than grab the appropriate code. ---
**Author:** ![Jim](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/jim/32/1646_2.png) [@Jim](https://forum.pinegrow.com/u/Jim)\ **Post date:** [November 7, 2018, 7:35am UTC](https://forum.pinegrow.com/t/website-gallery/2377/3 "2018-11-07T07:35:59Z")
Thank you for replying to my post. I will check out the options that you have outlined for my next project. I have got most of the photos on the website now - after a few cups of coffee - and used the numbering system that you suggested. Thank you very much. ---
**Author:** ![vrooney](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/vrooney/32/769_2.png) [@vrooney](https://forum.pinegrow.com/u/vrooney)\ **Post date:** [November 8, 2018, 9:46pm UTC](https://forum.pinegrow.com/t/website-gallery/2377/4 "2018-11-08T21:46:24Z")
Hi Jim, Check out [codepen.io](http://codepen.io) for some code examples that you may be able to use. Search “gallery”. Vince ---
**Author:** ![Jim](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/jim/32/1646_2.png) [@Jim](https://forum.pinegrow.com/u/Jim)\ **Post date:** [November 9, 2018, 6:38am UTC](https://forum.pinegrow.com/t/website-gallery/2377/5 "2018-11-09T06:38:25Z")
Looks like a good resource - thank you. ---
**Author:** ![Jim](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/jim/32/1646_2.png) [@Jim](https://forum.pinegrow.com/u/Jim)\ **Post date:** [November 13, 2018, 11:54am UTC](https://forum.pinegrow.com/t/website-gallery/2377/6 "2018-11-13T11:54:44Z")
Hello, I have decided to use Flickr for making user curated galleries. It is possible to embed Flickr and make it responsive by using 100% width for the gallery. This should save a lot of work in future! Jamie ---
**Author:** ![Marf](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/marf/32/1799_2.png) [@Marf](https://forum.pinegrow.com/u/Marf)\ **Post date:** [November 13, 2018, 12:17pm UTC](https://forum.pinegrow.com/t/website-gallery/2377/7 "2018-11-13T12:17:48Z")
**Maybe this can help you** > **[▷ Embed Flickr || 100% FREE & Easy to use || No Registration](https://flickrembed.com/)** > > Embed Flickr Slideshows has never been this easy: ➀ Fill in Details ➁ Generate Code ➂ Copy-Paste to your Site! ☆ WordPress & Joomla ready! ---
**Author:** ![Pinegrow\_User](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pinegrow_user/32/4919_2.png) [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\ **Post date:** [November 13, 2018, 12:53pm UTC](https://forum.pinegrow.com/t/website-gallery/2377/8 "2018-11-13T12:53:38Z")
> [@Jim](#): > > embed Flickr and make it responsive You might also like / try this for Flickr Albums: - [https://nanogallery2.nanostudio.org/](https://nanogallery2.nanostudio.org/) - [http://nanogallery.brisbois.fr/](http://nanogallery.brisbois.fr/) - Or - [Justified Gallery](http://miromannino.github.io/Justified-Gallery/) - Etc., They both support Flickr. ---
**Author:** ![Jim](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/jim/32/1646_2.png) [@Jim](https://forum.pinegrow.com/u/Jim)\ **Post date:** [November 13, 2018, 1:58pm UTC](https://forum.pinegrow.com/t/website-gallery/2377/9 "2018-11-13T13:58:19Z")
Thanks - great looking galleries! ---
**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\ **Post date:** [November 13, 2018, 5:11pm UTC](https://forum.pinegrow.com/t/website-gallery/2377/10 "2018-11-13T17:11:08Z")
Just my two cents, but I would never use a third-party website to host images for a client’s website.