Gallery Tag for Octopress

While working on my post about finishing Robotrek, I found that I had taken a lot more screenshots than would fit nicely with the amount of copy I intended to write.

I hope to be done the just finished … article soon-ish …

Since I didn’t really want to discard any, I figured I’d just throw the execss screenshots into a carousel or gallery.

I found an excellent example, but it didn’t quite produce the results I was looking for.

I ended up forking the gist in order to implement a Gallery tag for Jekyll/Octopress that could work with the Galleria jQuery plugin.

Now I can build a gallery from my extra screenshots by simply adding

1
2
3
4
5
6
7
8
9
10
11
12
13
{% galleria %}
/images/robotrek/Robotrek_(USA).000.png
/images/robotrek/Robotrek_(USA).001.png
/images/robotrek/Robotrek_(USA).002.png
/images/robotrek/Robotrek_(USA).003.png
/images/robotrek/Robotrek_(USA).004.png
/images/robotrek/Robotrek_(USA).005.png
/images/robotrek/Robotrek_(USA).006.png
/images/robotrek/Robotrek_(USA).007.png
/images/robotrek/Robotrek_(USA).008.png
/images/robotrek/Robotrek_(USA).009.png
/images/robotrek/Robotrek_(USA).010.png
{% endgalleria %}

to my post, which will produce the following gallery:

I’ve included the gist below. If you want to download and install this yourself, just download the gist to /path/to/octopress/plugins.

Comments