
Source (link to git-repo or to original if based on someone elses unmodified work): Add the source-code for this project on opencode.net
This is a theme for Digikam's Kipi HTML export function. It's based on the "Simple" theme by Aurélien Gâteau but uses Lytebox (by Markus F. Hay http://www.dolem.com/lytebox/) to display the images in a slideshow.
Note: I developed this theme using features in the new kipi-plugins 1.4.0. If you are using an older version of kipi-plugins try the last link.
Installation:
To install (at least on Kubuntu or Fedora):
Current user only:
untar this file to:
~/.kde/share/apps/kipiplugin_htmlexport/themes/
All users (requires root):
untar this file to:
/usr/share/apps/kipiplugin_htmlexport/themes/
13 years ago
09/05/2007: (Version 1.4.0)
* If collection is divided into multiple pages, the lytebox slideshow contains all images in the collection, not just the images on the current page.
* Removed some (seldom used?) lytebox parameters.
* Re-arranged some files to keep the directory structure cleaner.
* Simplified some of the xslt code.
07/26/2007: (Version 1.3.1)
* Fixed a bug where extra blank pages were being generated for each collection.
* Removed some code redundancy in template.xsl.
* The parent link in full size image pages now correctly shows the name of the parent collection, instead of "Collection List".
07/13/2007:
* Included link to previous version which doesn't have as many lytebox parameters (for smaller screens).
07/12/2007: (Version 1.3.0)
* Upgraded to Lytebox version 3.20.
* Added ability to configure many Lytebox options through the kipi plugin. There are quite a few, so I'm a bit concerned about how this will display on low-res screens since HTMLExport does not scroll the options dialog. Feedback welcome.
07/10/2007: (Version 1.2.0)
* Added ability to use custom colors.
* Fixed bug where "Page link location" setting was not being honored for individual image pages.
* Made the target area of the page links larger so they are easier to click.
07/09/2007: (Version 1.1.1)
* Added option to not use LyteBox and create a separate page to view each fullsize image.
07/09/2007: (Version 1.1.0)
* Added ability to limit the number of thumbnails per page. Pagination link locations are configurable.
07/09/2007: (Version 1.0.1)
* Added a version of the theme for kipi-plugins version 1.3.0. Since this version of HTML export does not support user parameters, only the "dark" style is included.
* Minor updates to the css files so that the fonts are consistent across browsers.
07/08/2007: (Version 1.0.0)
* Initial release.
* Modified from "Simple." Dark style is now monochrome, and images are overlayed on top of the current page using the Lytebox script.
13 years ago
09/05/2007: (Version 1.4.0)
* If collection is divided into multiple pages, the lytebox slideshow contains all images in the collection, not just the images on the current page.
* Removed some (seldom used?) lytebox parameters.
* Re-arranged some files to keep the directory structure cleaner.
* Simplified some of the xslt code.
07/26/2007: (Version 1.3.1)
* Fixed a bug where extra blank pages were being generated for each collection.
* Removed some code redundancy in template.xsl.
* The parent link in full size image pages now correctly shows the name of the parent collection, instead of "Collection List".
07/13/2007:
* Included link to previous version which doesn't have as many lytebox parameters (for smaller screens).
07/12/2007: (Version 1.3.0)
* Upgraded to Lytebox version 3.20.
* Added ability to configure many Lytebox options through the kipi plugin. There are quite a few, so I'm a bit concerned about how this will display on low-res screens since HTMLExport does not scroll the options dialog. Feedback welcome.
07/10/2007: (Version 1.2.0)
* Added ability to use custom colors.
* Fixed bug where "Page link location" setting was not being honored for individual image pages.
* Made the target area of the page links larger so they are easier to click.
07/09/2007: (Version 1.1.1)
* Added option to not use LyteBox and create a separate page to view each fullsize image.
07/09/2007: (Version 1.1.0)
* Added ability to limit the number of thumbnails per page. Pagination link locations are configurable.
07/09/2007: (Version 1.0.1)
* Added a version of the theme for kipi-plugins version 1.3.0. Since this version of HTML export does not support user parameters, only the "dark" style is included.
* Minor updates to the css files so that the fonts are consistent across browsers.
07/08/2007: (Version 1.0.0)
* Initial release.
* Modified from "Simple." Dark style is now monochrome, and images are overlayed on top of the current page using the Lytebox script.
mdriftmeyer
13 years ago
Nice to see the Aperture, Lightroom, iMovie, etc., influence that came from basic dark rooms/camera bodies is revealed in the basic app layout.
Report
LocoMojo
13 years ago
Just upgraded to 1.3.0 and you're right, the options dialog is way too big for my 1024x764 screen. Any way you could fix that with tabs maybe?
A new problem came up for me. I'm getting gaps between pictures in the rows. Check out my screenshot to see what I mean.
http://img458.imageshack.us/img458/9343/elegantsssl9.jpg
LocoMojo
Report
wjarosz
13 years ago
Report
wjarosz
13 years ago
Could you send me the html (or a link) to one of the galleries that is exhibiting the line breaks? That would make debugging much easier.
-w
Report
LocoMojo
13 years ago
If the last row of thumbnails is not full then the footer div will muck things up.
In other words, if I set up a page with a maximum of 20 pictures, but only actually use 18 pictures then the last row will be short 2 pictures and the footer div will try to fill that gap.
What needs to be done is to always make the last row full before the div footer comes in. Maybe you could fill the gaps with transparent spacers?
LocoMojo
Report
LocoMojo
13 years ago
LocoMojo
Report
wjarosz
13 years ago
Report
LocoMojo
13 years ago
If you can't fix the gaps problem, that isn't so much a problem for me either since I could just manually edit the index.html file to get it working correctly.
Cheers!
LocoMojo
Report
linux3114a
13 years ago
Suggestion...... ! ! !
Report
wjarosz
13 years ago
Report
LocoMojo
13 years ago
I have one gripe though. When I use this it tacks on a .jpeg extension which I don't much care for. In other words if I have 01.jpg, 02.jpg, 03.jpg...the finished gallery winds up with 01_jpg.jpeg, 02_jpg.jpeg, 03_jpg.jpeg.
Is it at all possible to make it so that it uses the original naming format so that I'd wind up with 01.jpg instead of 01_jpg.jpeg?
Thanks much for this wonderful addition to Digikam!
LocoMojo
Report
wjarosz
13 years ago
Report
LocoMojo
13 years ago
Oh well!
Your theme is easily the best available that I could see.
Good work!
LocoMojo
Report
liquidat
13 years ago
Maybe it could even be used as a new type of html theme engine to create others based on it?
I mean, compared to the other themes available it is simply a new generation (the first real Ajax theme I think).
Report
jerrad
13 years ago
Report
auntaunt
13 years ago
Report
Bruce
13 years ago
Thanks for this great work, it looks very, very nice.
Report
wjarosz
13 years ago
Report
Bruce
13 years ago
http://itsyourpc.org/bruce/files/Fisher/
Directory listing top level
elegant
fishercat
gallery.xml
index.html
Inside the elegant directory
dark.css
elegant.desktop
images
lytebox.css
lytebox.js
natural.css
template.xsl
Report
Bruce
13 years ago
It looks nothing like the great screenshots posted here.
Report
wjarosz
13 years ago
Report
LocoMojo
13 years ago
I have several themes installed and they all work ok, but elegant isn't.
The pictures are resized and all the necessary files are exported to the working directory, but the index.html file is missing the body tags and everything between. In other words, this is all I'm left with in index.html:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>game4</title>
<script type="text/javascript" src="elegant/lytebox.js"></script>
<link rel="stylesheet" href="elegant/lytebox.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="elegant/" />
</head>
</html>
As you can see, there's no body.
Everything else seems to be working fine.
Help?
LocoMojo
Report
wjarosz
13 years ago
Report
LocoMojo
13 years ago
I'm using Digikam 0.9.2-final and if I remember correctly it came with the kipi plugins. According to help>about>digikam I am using Kipi library version 0.1.5.
LocoMojo
Report
LocoMojo
13 years ago
I'll let you know if I have any further problems after installing 0.1.4.
Thanks.
LocoMojo
Report