From 474586a2855dd4e9c28ef6a019cd39c080d6dcb2 Mon Sep 17 00:00:00 2001
From: Tomas Bzatek <tbzatek@users.sourceforge.net>
Date: Sun, 7 Apr 2013 15:29:14 +0200
Subject: Add rel="prev"/"next" attributes to navigation links

Some browsers may understand this tag and use the associated link for
easy transition to the next item.

While in case the link points to the index page the rel="index" value
should be used, we would lose browser capability to determine previous/next
page for transitioning, thus hardcoding for our case.

http://mail.xfce.org/pipermail/xfce/2011-August/028993.html
http://mail.xfce.org/pipermail/xfce4-commits/2011-March/017929.html
http://microformats.org/wiki/existing-rel-values
---
 templates/template_picture.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'templates/template_picture.html')

diff --git a/templates/template_picture.html b/templates/template_picture.html
index 9d0e92c..1e500a7 100644
--- a/templates/template_picture.html
+++ b/templates/template_picture.html
@@ -18,7 +18,7 @@
   <div class="navposition">
     <span class="navposnumber"><!-- $(FILE_NO) --></span> of <span class="navposnumber"><!-- $(TOTAL_ITEMS) --></span>
     <span class="navposspacer"></span>
-    <a href="$(LINK_PREV)">&lt; Previous</a> :: <a href="$(LINK_NEXT)">Next &gt;</a>
+    <a href="$(LINK_PREV)" rel="prev">&lt; Previous</a> :: <a href="$(LINK_NEXT)" rel="next">Next &gt;</a>
   </div>
   <!-- $(ifdef(HAS_EXIF)) -->
     <div class="navexif">ISO <!-- $(get_exif_value_fixed("Exif.Photo.ISOSpeedRatings")) --> :: <!-- $(get_exif_value_fixed("Exif.Photo.ExposureTime")) --> :: <!-- $(get_exif_value_fixed("Exif.Photo.FNumber")) --> :: <!-- $(get_exif_value_fixed("Exif.Photo.FocalLength")) --></div>
@@ -35,7 +35,7 @@
 
   <!--  ##  Image  -->
   <div class="img_preview">
-    <a href="$(LINK_NEXT)"><img src="$(IMG_SRC)" width="$(IMG_SIZE_W)" height="$(IMG_SIZE_H)" alt="" id="$(value(BORDER_STYLE))" /></a>
+    <a href="$(LINK_NEXT)" rel="next"><img src="$(IMG_SRC)" width="$(IMG_SIZE_W)" height="$(IMG_SIZE_H)" alt="" id="$(value(BORDER_STYLE))" /></a>
     <!-- $(ifdef(HAS_FULLSIZE)) -->
     <div class="img_preview_full">
       <a href="$(IMG_SRC_FULL)">See original size (<!-- $(IMG_SIZE_ORIG_W) -->x<!-- $(IMG_SIZE_ORIG_H) -->)</a>
-- 
cgit v1.2.3