1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
|
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
<html>
<head>
<meta http-equiv='Content-Language' content='en'>
<link rel='alternate' type='text/html' href='de/Section_2.html' hreflang='de' lang='de' title='album documentation'>
<link rel='alternate' type='text/html' href='es/Section_2.html' hreflang='es' lang='es' title='album documentation'>
<link rel='alternate' type='text/html' href='fr/Section_2.html' hreflang='fr' lang='fr' title='album documentation'>
<link rel='alternate' type='text/html' href='nl/Section_2.html' hreflang='nl' lang='nl' title='album documentation'>
<link rel='alternate' type='text/html' href='ru/Section_2.html' hreflang='ru' lang='ru' title='album documentation'>
<link rel='alternate' type='text/html' href='it/Section_2.html' hreflang='it' lang='it' title='album documentation'>
<link rel='alternate' type='text/html' href='hu/Section_2.html' hreflang='hu' lang='hu' title='album documentation'>
<title>MarginalHacks album - MINI HOW-TO
- Documentation</title>
<link rel='shortcut icon' HREF='/favicon.ico' type='image/x-gif'>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
<!--
code {color: red;}
tt {color: #ff6666;}
A:hover {background-color: yellow;}
-->
</style>
<script language='JavaScript'>
<!--
ver4 = (document.layers || document.all) ? 1 : 0;
if (document.images) {
ImageArray = new Array (
'http://DavePics.com/Domains/MarginalHacks.gif',
'http://DavePics.com/Domains/MarginalHacks_down.gif',
'http://DavePics.com/Domains/GetDave.gif',
'http://DavePics.com/Domains/GetDave_down.gif',
'http://DavePics.com/Domains/Daveola.gif',
'http://DavePics.com/Domains/Daveola_down.gif',
'http://DavePics.com/Domains/DaveSource.gif',
'http://DavePics.com/Domains/DaveSource_down.gif' )
ImageList = new Array ();
for (counter in ImageArray) {
ImageList[counter] = new Image();
ImageList[counter].src = ImageArray[counter];
}
};
defaultStatus = 'Marginal Hacks'
//-->
</script>
</head>
<body bgcolor=white link='#0000FF' alink='#0000FF' vlink='#5000FF' text='#000000'>
<div lang='en'>
<center>
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr> <td rowspan=2>
<a href='http://MarginalHacks.com/'
onMouseOver = document.images['MarginalHacks'].src='http://DavePics.com/Domains/MarginalHacks_down.gif'
onMouseOut = document.images['MarginalHacks'].src='http://DavePics.com/Domains/MarginalHacks.gif'
onMouseDown = document.images['MarginalHacks'].src='http://DavePics.com/Domains/MarginalHacks_down.gif'
onMouseUp = document.images['MarginalHacks'].src='http://DavePics.com/Domains/MarginalHacks.gif'>
<img name=MarginalHacks alt='MarginalHacks.com'
src='http://DavePics.com/Domains/MarginalHacks.gif'
width=69 height=60 border=0></a>
<a href='http://DaveSource.com/'
onMouseOver = document.images['DaveSource'].src='http://DavePics.com/Domains/DaveSource_down.gif'
onMouseOut = document.images['DaveSource'].src='http://DavePics.com/Domains/DaveSource.gif'
onMouseDown = document.images['DaveSource'].src='http://DavePics.com/Domains/DaveSource_down.gif'
onMouseUp = document.images['DaveSource'].src='http://DavePics.com/Domains/DaveSource.gif'>
<img name=DaveSource alt='DaveSource.com'
src='http://DavePics.com/Domains/DaveSource.gif'
width=69 height=60 border=0></a>
<a href='http://GetDave.com/'
onMouseOver = document.images['GetDave'].src='http://DavePics.com/Domains/GetDave_down.gif'
onMouseOut = document.images['GetDave'].src='http://DavePics.com/Domains/GetDave.gif'
onMouseDown = document.images['GetDave'].src='http://DavePics.com/Domains/GetDave_down.gif'
onMouseUp = document.images['GetDave'].src='http://DavePics.com/Domains/GetDave.gif'>
<img name=GetDave alt='GetDave.com - all the current Dave Pointers.'
src='http://DavePics.com/Domains/GetDave.gif'
width=69 height=60 border=0></a>
<a href='http://Daveola.com/'
onMouseOver = document.images['Daveola'].src='http://DavePics.com/Domains/Daveola_down.gif'
onMouseOut = document.images['Daveola'].src='http://DavePics.com/Domains/Daveola.gif'
onMouseDown = document.images['Daveola'].src='http://DavePics.com/Domains/Daveola_down.gif'
onMouseUp = document.images['Daveola'].src='http://DavePics.com/Domains/Daveola.gif'>
<img name=Daveola alt='Daveola.com - My home.'
src='http://DavePics.com/Domains/Daveola.gif'
width=69 height=60 border=0></a>
</td>
<td bgcolor=#000000 align=right>
<font size=+2 face='lucida, helvetica' color=#ccccc0>
A l b u m <br>
T w o - - M I N I H O W - T O
<br>
</font>
</td></tr>
<tr height=16>
<td height=16 align=right>
<a href="http://del.icio.us/post?url=http://MarginalHacks.com/Hacks/album/&title=Marginal+Hacks+Photo+Album+Generator" class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" title="Add 'Marginal Hacks Photo Album Generator' to Del.icio.us"><img src="/Bookmarks/delicious.gif" title="Add 'Marginal Hacks Photo Album Generator' to Del.icio.us" alt="Add 'Marginal Hacks Photo Album Generator' to Del.icio.us" border="0"></a>
<a href="http://digg.com/software/Marginal_Hacks_Photo_Album_Generator" class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" title="Digg 'Marginal Hacks Photo Album Generator'"><img src="/Bookmarks/digg.gif" title="Digg 'Marginal Hacks Photo Album Generator'" alt="Digg 'Marginal Hacks Photo Album Generator'" border="0"></a>
<a href="http://furl.net/storeIt.jsp?t=Marginal+Hacks+Photo+Album+Generator&u=http://MarginalHacks.com/Hacks/album/" class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" title="Add 'Marginal Hacks Photo Album Generator' to FURL"><img src="/Bookmarks/furl.gif" title="Add 'Marginal Hacks Photo Album Generator' to FURL" alt="Add 'Marginal Hacks Photo Album Generator' to FURL" border="0"></a>
<a href="http://reddit.com/submit?url=http://MarginalHacks.com/Hacks/album/&title=Marginal+Hacks+Photo+Album+Generato" class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" title="Add 'Marginal Hacks Photo Album Generator' to reddit"><img src="/Bookmarks/reddit.gif" title="Add 'Marginal Hacks Photo Album Generator' to reddit" alt="Add 'Marginal Hacks Photo Album Generator' to reddit" border="0"></a>
<a href="http://www.stumbleupon.com/refer.php?url=http://MarginalHacks.com/Hacks/album/&title=Marginal+Hacks+Photo+Album+Generator" class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" title="Add 'Marginal Hacks Photo Album Generator' to Stumble Upon"><img src="/Bookmarks/stumbleupon.gif" title="Add 'Marginal Hacks Photo Album Generator' to Stumble Upon" alt="Add 'Marginal Hacks Photo Album Generator' to Stumble Upon" border="0"></a>
<a href="http://www.technorati.com/faves?add=http://MarginalHacks.com/Hacks/album/" class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" title="Add 'Marginal Hacks Photo Album Generator' to Technorati"><img src="/Bookmarks/technorati.gif" title="Add 'Marginal Hacks Photo Album Generator' to Technorati" alt="Add 'Marginal Hacks Photo Album Generator' to Technorati" border="0"></a>
<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http://MarginalHacks.com/Hacks/album/&t=Marginal+Hacks+Photo+Album+Generator" class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" title="Add 'Marginal Hacks Photo Album Generator' to Yahoo My Web"><img src="/Bookmarks/myweb2.gif" title="Add 'Marginal Hacks Photo Album Generator' to Yahoo My Web" alt="Add 'Marginal Hacks Photo Album Generator' to Yahoo My Web" border="0"></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://MarginalHacks.com/Hacks/album/&title=Marginal+Hacks+Photo+Album+Generator" class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" title="Add 'Marginal Hacks Photo Album Generator' to Google Bookmarks"><img src="/Bookmarks/google.gif" title="Add 'Marginal Hacks Photo Album Generator' to Google Bookmarks" alt="Add 'Marginal Hacks Photo Album Generator' to Google Bookmarks" border="0"></a>
<a href="http://www.squidoo.com/lensmaster/bookmark?http://MarginalHacks.com/Hacks/album/" class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" title="Add 'Marginal Hacks Photo Album Generator' to Squidoo"><img src="/Bookmarks/squidoo.gif" title="Add 'Marginal Hacks Photo Album Generator' to Squidoo" alt="Add 'Marginal Hacks Photo Album Generator' to Squidoo" border="0"></a>
<a href="http://www.spurl.net/spurl.php?url=http://MarginalHacks.com/Hacks/album/&title=Marginal+Hacks+Photo+Album+Generator" class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" title="Add 'Marginal Hacks Photo Album Generator' to Spurl"><img src="/Bookmarks/spurl.gif" title="Add 'Marginal Hacks Photo Album Generator' to Spurl" alt="Add 'Marginal Hacks Photo Album Generator' to Spurl" border="0"></a>
<a href="http://www.bloglines.com/sub/http://MarginalHacks.com/Hacks/album/" class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" title="Add 'Marginal Hacks Photo Album Generator' to Bloglines"><img src="/Bookmarks/bloglines.gif" title="Add 'Marginal Hacks Photo Album Generator' to Bloglines" alt="Add 'Marginal Hacks Photo Album Generator' to Bloglines" border="0"></a>
</td>
</tr>
</table>
<a name=top>
<table cellpadding=8 width='100%'> <tr>
<td valign=top>
<table>
<tr bgcolor=#BBBBBB><td>
<h3><a href='http://MarginalHacks.com/Hacks/album/'>Home</a> </h3>
<p>
</td></tr>
<tr bgcolor=#BBBBBB><td>
<h3><a href='http://MarginalHacks.com/Hacks/album/Themes.html'>Themes/Examples</a> </h3>
<p>
</td></tr>
<tr bgcolor=#BBBBBB><td>
<h3><a href='http://MarginalHacks.com/Hacks/album/Languages.html'>Languages</a> </h3>
<p>
</td></tr>
<tr bgcolor=#BBBBBB><td>
<h3><a href='http://MarginalHacks.com/Hacks/album/Plugins.html'>Plugins</a> </h3>
<p>
</td></tr>
<tr bgcolor=#BBBBBB><td>
<h3><a href='http://MarginalHacks.com/Hacks/album/License.html'>License</a> </h3>
<p>
</td></tr>
<tr bgcolor=#BBBBBB><td>
<h3><a href='http://MarginalHacks.com/Hacks/album/Download.html'>Download</a> </h3>
<p>
</td></tr>
<tr bgcolor=#BBBBBB><td>
<h3>Documentation
<font size='-1'>
<br><span lang='en'> <img src="flag.png"> English</span>
<br><span lang='de'> <img src="de/flag.png"> <a href="de">Deutsch</a></span>
<br><span lang='es'> <img src="es/flag.png"> <a href="es">Español</a></span>
<br><span lang='fr'> <img src="fr/flag.png"> <a href="fr">Français</a></span>
<br><span lang='nl'> <img src="nl/flag.png"> <a href="nl">Nederlands</a></span>
<br><span lang='ru'> <img src="ru/flag.png"> <a href="ru">Русский</a></span>
<br><span lang='it'> <img src="it/flag.png"> <a href="it">Italiano</a></span>
<br><span lang='hu'> <img src="hu/flag.png"> <a href="hu">magyar</a></span>
</font>
</h3>
<p>
</td></tr>
<tr bgcolor=#BBBBBB><td>
<h3><a href='http://MarginalHacks.com/Hacks/album/Mailing_List.html'>Mailing List</a> </h3>
<p>
</td></tr>
<tr bgcolor=#BBBBBB><td>
<h3><a href='http://MarginalHacks.com/Hacks/album/CHANGELOG.html'>CHANGELOG</a> </h3>
<p>
</td></tr>
<tr bgcolor=#BBBBBB><td>
<h3><a href='http://MarginalHacks.com/Hacks/album/Praises.html'>Praises</a> </h3>
<p>
</td></tr>
<tr bgcolor=#BBBBBB><td>
<h3><a href=/Contact/>Contact</a> </h3>
<p>
</td></tr>
</table>
</td>
<td valign=top>
<p><hr><p>
<a href='.'>Table Of Contents</a>
<ol><li> <a href='#Simple_album'>Simple album</a>
<li> <a href='#Add_captions'>Add captions</a>
<li> <a href='#Hiding_Photos'>Hiding Photos</a>
<li> <a href='#Using_A_Theme'>Using A Theme</a>
<li> <a href='#Medium_images'>Medium images</a>
<li> <a href='#Adding_some_EXIF_captions'>Adding some EXIF captions</a>
<li> <a href='#Adding_more_albums'>Adding more albums</a>
<li> <a href='#Translated_by:'>Translated by:</a>
</ol><p><hr><p>
<pre>
<span lang="en">
<b><a name='Simple_album'>1:</a> Simple album</b>
Presuming you've already installed album properly, we can do some
simple cases. If you have any errors or problems here, see the
installation docs.
You need a web directory to put themes and your photo album.
We'll use /home/httpd/test in this documentation. This needs
to be viewable by a webserver. In this example we'll use the URL:
http://myserver/test/
Adjust your commands/URLs appropriately
First create a directory and put some images in it. We'll call this:
/home/httpd/test/Photos
And we'll add some images called 'IMG_001.jpg' through 'IMG_004.jpg'
Now for the simple case, just run album:
<code>% album /home/httpd/test/Photos</code>
Now you can view the album in a web browser at something like:
http://myserver/test/Photos
<b><a name='Add_captions'>2:</a> Add captions</b>
Create a file /home/httpd/test/Photos/captions.txt with the following
contents (use the 'tab' key where you see " [tab] ")
-- captions.txt ---------
IMG_001.jpg [tab] First image name
IMG_002.jpg [tab] Second image
IMG_003.jpg [tab] Another image [tab] with a caption!
IMG_004.jpg [tab] Last image [tab] with another caption.
-------------------------
And run album again:
<code>% album /home/httpd/test/Photos</code>
And you'll see the captions change.
Now create a file with text in: /home/httpd/test/Photos/header.txt
And run album again. You'll see that text at the top of the page.
<b><a name='Hiding_Photos'>3:</a> Hiding Photos</b>
There are a few ways to hide photos/files/directories, but we'll use
the captions file. Try commenting out an image with '#' in captions.txt:
-- captions.txt ---------
IMG_001.jpg [tab] First image name
#IMG_002.jpg [tab] Second image
IMG_003.jpg [tab] Another image [tab] with a caption!
IMG_004.jpg [tab] Last image [tab] with another caption.
-------------------------
Run album again, and you'll see that IMG_002.jpg is now missing.
If we had done this before running album the first time, we wouldn't
have ever generated the medium or thumbnail images. If you like,
you can remove them now with -clean:
<code>% album -clean /home/httpd/test/Photos</code>
<b><a name='Using_A_Theme'>4:</a> Using A Theme</b>
If themes were installed properly and are in your theme_path then
you should be able to use a theme with your album:
<code>% album -theme Blue /home/httpd/test/Photos</code>
The photo album should now be using the Blue theme. If it has
a bunch of broken images, then your theme probably hasn't been
installed into a web-accessible directory, see the Installation docs.
Album saves the options you specify, so the next time you run album:
<code>% album /home/httpd/test/Photos</code>
You'll still be using the Blue theme. To turn off a theme, you can:
<code>% album -no_theme /home/httpd/test/Photos</code>
<b><a name='Medium_images'>5:</a> Medium images</b>
Full resolution images are usually too big for a web album, so
we'll use medium images on the image pages:
<code>% album -medium 33% /home/httpd/test/Photos</code>
You can still access the full size images by clicking on the medium image, or:
<code>% album -just_medium /home/httpd/test/Photos</code>
Will keep the full size image from being linked in (presuming we'd
run with the -medium option at some point)
<b><a name='Adding_some_EXIF_captions'>6:</a> Adding some EXIF captions</b>
Let's add aperture info to the captions of each image.
<code>% album -exif "<br>aperture=%Aperture%" /home/httpd/test/Photos</code>
This will only add aperture information for any images that have specified
the 'Aperture' exif tag (the part between the '%' signs). We also put
a <br> tag in there so the exif info is on a new line.
We can add more exif info:
<code>% album -exif "<br>focal: %FocalLength%" /home/httpd/test/Photos</code>
Because album saved our options before, we now get both EXIF tags for any
images that specify Aperture and FocalLength. Let's remove aperture:
<code>% album -no_exif "<br>aperture=%Aperture%" /home/httpd/test/Photos</code>
The '-no_exif' option has to match the previous exif string exactly or
it will be ignored. You can also edit the config file that album created:
/home/httpd/test/Photos/album.conf
And remove it there.
<b><a name='Adding_more_albums'>7:</a> Adding more albums</b>
Let's say we go on a trip to spain. We take some photos and put them in:
/home/httpd/test/Photos/Spain/
Now run album again on the top level:
<code>% album /home/httpd/test/Photos</code>
This will fixup Photos so it now links to spain and will run album
on Spain/ as well, with the same settings/theme, etc..
Now let's go on another trip, and we create:
/home/httpd/test/Photos/Italy/
We could run album on the top level:
<code>% album /home/httpd/test/Photos</code>
But that would rescan the Spain directory which hasn't changed.
Album usually won't generate any HTML or thumbnails unless it needs to,
but it can still waste time, especially as our albums get bigger.
So we can tell it to just add the new directory:
<code>% album -add /home/httpd/test/Photos/Italy</code>
This will fix the top index (in Photos) and generate the Italy album.
<b><a name='Translated_by:'>8:</a> Translated by:</b>
David Ljung Madison [http://GetDave.com/]
</span>
</pre>
<p><font size='-1'><li> Created by <a href='http://MarginalHacks.com/Hacks/make_faq/'>make_faq</a> from <a href='http://MarginalHacks.com/'>Marginal Hacks</a></font><p>
</td>
</tr>
</table>
</div>
</body>
</html>
<pre>
^
|
^
|
^
|
^
|
^
|
^
|
^
|
^
|
^
|
^
|
^
|
^
|
^
|
^
|
^
|
^
|
^
|
^
|
^
|
^
|
</pre>
|
