diff options
author | Florian Pritz <bluewind@xssn.at> | 2010-11-28 19:26:17 +0100 |
---|---|---|
committer | Florian Pritz <bluewind@xssn.at> | 2010-11-28 19:26:17 +0100 |
commit | bc69f45f4bad98146af082d5fb2f79d87a676f13 (patch) | |
tree | d39607f9f47e8700241ef76b6e200fd6dfb2715a /generate_gallery.d/template.html | |
parent | d5875bb024363599fae8f0c6bdc94c54cc9fe66f (diff) | |
download | bin-bc69f45f4bad98146af082d5fb2f79d87a676f13.tar.gz bin-bc69f45f4bad98146af082d5fb2f79d87a676f13.tar.xz |
generate_gallery.sh: switch to fancybox; fix alignment
thumbnails are now centered (vertically and horizontally)
Signed-off-by: Florian Pritz <bluewind@xssn.at>
Diffstat (limited to 'generate_gallery.d/template.html')
-rw-r--r-- | generate_gallery.d/template.html | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/generate_gallery.d/template.html b/generate_gallery.d/template.html index 33d5ecf..08e8eff 100644 --- a/generate_gallery.d/template.html +++ b/generate_gallery.d/template.html @@ -2,10 +2,17 @@ <html xmlns="http://www.w3.org/1999/xhtml"> <head> - <title></title> - <script type="text/javascript" language="javascript" src="lytebox/lytebox.js"></script> - <link rel="stylesheet" href="lytebox/lytebox.css" type="text/css" media="screen" /> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title></title> + <script type="text/javascript" src="fancybox/jquery-1.4.3.min.js"></script> + <script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script> + <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script> + <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" /> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <script type="text/javascript"> + $(document).ready(function() { + $("a[rel=images]").fancybox(); + }); + </script> <style type="text/css"> html { min-height: 100%; @@ -37,8 +44,9 @@ div.thumbnail { display: inline-block; text-align: center; - height: 200px; + vertical-align: middle; width: 212px; + padding: 20px 0; } img.thumbnail { |