|
@@ -11,6 +11,8 @@
|
|
|
# This file is the default header for new Org files in Worg. Feel free
|
|
|
# to tailor it to your needs.
|
|
|
|
|
|
+[[file:index.org][{Back to Worg's index}]]
|
|
|
+
|
|
|
* How to lightbox for this page :noexport:
|
|
|
|
|
|
[[http://www.lokeshdhakar.com/projects/lightbox2/][Lightbox]] is a javascript tool to display images nicely.
|
|
@@ -22,20 +24,20 @@
|
|
|
# Scripts are loaded in the Worg pages and you can now use it as
|
|
|
# documented:
|
|
|
|
|
|
- : # Add a rel="lightbox" attribute to any link tag to activate the
|
|
|
- : lightbox. For example:
|
|
|
- :
|
|
|
- : <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
|
|
|
- :
|
|
|
- : Optional: Use the title attribute if you want to show a caption.
|
|
|
- :
|
|
|
- : # If you have a set of related images that you would like to group,
|
|
|
- : follow step one but additionally include a group name between square
|
|
|
- : brackets in the rel attribute. For example:
|
|
|
- :
|
|
|
- : <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
|
|
|
- : <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
|
|
|
- : <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
|
|
|
+ : # Add a rel="lightbox" attribute to any link tag to activate the
|
|
|
+ : lightbox. For example:
|
|
|
+ :
|
|
|
+ : <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
|
|
|
+ :
|
|
|
+ : Optional: Use the title attribute if you want to show a caption.
|
|
|
+ :
|
|
|
+ : # If you have a set of related images that you would like to group,
|
|
|
+ : follow step one but additionally include a group name between square
|
|
|
+ : brackets in the rel attribute. For example:
|
|
|
+ :
|
|
|
+ : <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
|
|
|
+ : <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
|
|
|
+ : <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
|
|
|
|
|
|
#+MACRO: screenshot #+HTML: <br style="clear:both;"/><div class="screenshot"><p> <a href="./images/color-themes/$1" rel="lightbox" title="$3"> <img style="float:center;margin:20px 20px 20px 20px;" width="500px" src="./images/color-themes/$2"/></a></p><p>$3</p></div>
|
|
|
|
|
@@ -76,5 +78,3 @@
|
|
|
* Add your own!
|
|
|
|
|
|
... by contributing to [[file:worg-about.org][Worg]].
|
|
|
-
|
|
|
-
|