Fotorama directive to display a gallery using http://fotorama.io jQue…

…ry plugin Usage: .. fotorama:: ⌨️ true :allowfullscreen: native image0.jpg image1.jpg image2.jpg image3.jpg
getnikola · Aug 4, 2015 · 715a2ce · 715a2ce
1 parent 0546186
commit 715a2ce
Show file tree

Hide file tree

Showing 8 changed files with 228 additions and 0 deletions.
diff --git a/v7/fotorama_directive/README.md b/v7/fotorama_directive/README.md
@@ -0,0 +1,25 @@
+Fotorama directive to display a gallery using http://fotorama.io jQuery plugin
+
+# Usage
+
+```
+.. fotorama::
+   :keyboard: true
+   :allowfullscreen: native
+
+   image0.jpg
+   image1.jpg
+   image2.jpg
+   image3.jpg
+```
+
+# Gallery centered
+
+If you want to get your fotorama images centered on the web page you
+can add this code to your `custom.css`:
+
+```
+.fotorama__wrap {
+    margin: 0 auto;
+}
+```
diff --git a/v7/fotorama_directive/conf.py.sample b/v7/fotorama_directive/conf.py.sample
@@ -0,0 +1,10 @@
+# Default options for fotorama_directive plugin
+# To see all the options go to: http://fotorama.io
+FOTORAMA_OPTIONS = {
+    'nav': 'thumbs',
+    'ratio': '16/9',
+    'keyboard': 'true',
+    'thumbwidth': 256,
+    'thumbheight': 256,
+    'allowfullscreen': 'native'
+}
diff --git a/v7/fotorama_directive/files/assets/css/fotorama.css b/v7/fotorama_directive/files/assets/css/fotorama.css
diff --git a/v7/fotorama_directive/files/assets/css/fotorama.png b/v7/fotorama_directive/files/assets/css/fotorama.png
diff --git a/v7/fotorama_directive/files/assets/js/fotorama.js b/v7/fotorama_directive/files/assets/js/fotorama.js
diff --git a/v7/fotorama_directive/fotorama_directive.plugin b/v7/fotorama_directive/fotorama_directive.plugin
@@ -0,0 +1,12 @@
+[Core]
+Name = fotorama_directive
+Module = fotorama_directive
+
+[Nikola]
+MinVersion = 7.4.0
+
+[Documentation]
+Author = Manuel Kaufmann
+Version = 0.1
+Website = http://plugins.getnikola.com/#fotorama_directive
+Description = Fotorama directive to display a gallery using http://fotorama.io jQuery plugin