pictures and HTML and UN*X and Questions.

pmajka · 05-22-2006, 11:19 AM

So , i am a snappy kind of guy who likes to snap some pictures once in a while...

anyone have an app or script to take the contents of a directory (pictures in JPG format) and churn out a simple HTML file?

widebody911 · widebody911's Garage

Yeah, I have one that uses ImageMagick to create the thumbnails.

id10t · 05-22-2006, 11:52 AM

Code:

#!/bin/bash
for i in `ls -1 *jpg`
do
  echo \< img src=\"$i\"\>  >> htmlfile.htm
done

You could even pass it an arg, so you control what HTML file gets created

Code:

#!/bin/bash

for i in `ls -1 *jpg`
do
  echo \< img src=\"$i\"\>  >>$1
done

widebody911 · widebody911's Garage

(pasting isn't working because of the BB HTML translations.)

Basically loop thru the *.jpg files, and just use echo/print to create a hyperlink. For a nice touch, you can add header info, meta tags, etc.

widebody911 · widebody911's Garage

Let the shell glob it for you:

Code:

for i in *.jpg

id10t · 05-22-2006, 12:01 PM

widebody911 - put your code between brackets with "code" and "/code" as the contents like HTML tags, but with [ and ] instead of < and >

widebody911 · widebody911's Garage

I lost some of the formatting, but this shoudl work

I denote thumbnails with an '_' as the leading character of the file name, which is why I glob the list of file names as I do; I could have made cleaner with sed, but oh well...

Code:

#!/bin/sh

INDEX="index.html"
if [ ! -f "index.html" ]
then
	cat >> $INDEX << EOF
<html>
<head>
<link rel=stylesheet href='http://www.yourdomain.com/style.css' TYPE='text/css'>
<!--
Thom Fitzpatrick
-->
<meta name='description' content='Thom Fitzpatrick'> <title></title> </head> <body> <h4></h4> <p>

EOF
fi

for each in [a-zA-Z0-9]*.jpg [a-zA-Z0-9]*.JPG [a-zA-Z0-9]*.gif [a-zA-Z0-9]*.GIF [a-zA-Z0-9]*.TIF [a-zA-Z0-9]*.TIFF [a-zA-Z0-9]*.tif [a-zA-Z0-9]*.tiff [a-zA-Z0-9]*.png [a-zA-Z0-9]*.PNG do
	[ -f "$each" ] || continue
	[ ! -f "_$each" ] && convert -geometry 100 -quality 50 $each _$each 
	grep -qw "$each" $INDEX
	if [ $? -ne 0 ]
	then
		cat >> $INDEX << EOF
<br clear=left>
<hr size=1><p>
<a href=$each><img src=_$each></a> <br clear=left>

EOF
	fi
done

pmajka · 05-22-2006, 03:22 PM

Ah HA...Caught ya....THE GEEKS...THEY ARE HERE!!!!!..

seriously...thanks guys....this is exactly what i need.

pmajka · 05-22-2006, 03:36 PM

Too much time washing ans waxing this thing...

david.avery · david.avery's Garage

There's a few freeware scripts out there that not only do this, they thumbnail and nicely format the HTML, with css support etc. Hit google and you'll see em. In the end, it's not hard, its about who spent the longest time and started from the nicest HTML template.