Hi Christopher,

If you are not seeing a tab called “New File” when you click on Websites – Theme, you are likely using either a stock theme or a custom theme that is owned by someone else and is shared to you in a way that prevents you from editing it. To learn about creating your own custom theme, check out this page: http://nationbuilder.com/theme_documentation

If you are still having trouble with this, please shoot us an email at [email protected].

this path does not exist in my NB view: Websites > Theme > New File
There is no “New File” option when I go to Website > Theme

Further to the fancyBox option, if you need to add titles to your jquery gallery load the images up via individual pages via something like
{% for page in tag.most_recent_published_pages_no_pagination }
<a href=“%7B%7B%20page.attachments.first.url%20%7D%7D” class=“swipebox” title=“{{ page.headline }}”><img src=“%7B%7B%20page.attachments.first.url%20%7D%7D” height=“200” width=“200”></a>
{ endfor }
then trigger your javascript, the above uses swipebox which is a nice mobile plugin. http://brutaldesign.github.io/swipebox/
which pulls the first file from all pages with a certain tag. i.e
{ tag “imagegallery” with “gallery” %}

Very important part, as you may know but others may not. To get jQuery to work, or to use custom plugins, theme links are to go in after line 61 in layout.html, right after the section opens. Otherwise your jQ / plugin will not activate!

Great, thanks Keith! Here’s another way in to add to your toolbox by using the fancyBox plugin and liquid code. This setup offers an array of lightbox effects and responds to mobile: http://nationbuilder.com/liquid_template_examples#gallery

I’ve already started to implement it on my site, here’s a working example:
http://straubcreativeco.nationbuilder.com/graphic_design

Happy coding!

Zach, I just wanted to give you a heads up that I modified my code on github.com to add a delay in the animation that keeps it from freezing the browser on mobile devices. The delay is small enough that you can’t detect it, but it gives the browser time to do other things.

Nice work, that’s pretty cool. Thank you Keith!

Zach,

One example is: massyrs.nationbuilder.com This page has the pictures coming in and just being shown at the bottom of the page.

The other example is at: massyrs.nationbuilder.com/events This page has the animation option in the parameters so, it displays the pictures in an infinite slider.

…so much for writing code snippets…an edit / delete option would be helpful.

The link is here for the jQuery Lightbox thread: http://nationbuilder.com/digchau/jquery_lightbox_plugin_not_working

Keith, can you share a working example? I keep running into issues with getting jQ to work on NB and am hoping I’m missing something small here. A live and working model would be helpful.

Also, in regard to this thread, a NB user was able to get the tried and true

BTW, I have found a work-around to this solution in the form of a JQuery script, rather than php, I put together. Instead of using Flikr, it uses Google+ for the photo storage. A link to the file is here: https://github.com/keithsmessina/infinitePics In addition to pulling in your pictures, you can have it animate in an infinite slider if you add an animation speed parameter.