Quick HTML image gallery

find . -iname "*.jpg" -printf '<img src="%f" title="%f">\n' > gallery.html

More compact and direct.

By: unixmonkey28233

2012-01-04 14:20:21

find image browser html folder image gallery

3 Alternatives + Submit Alt

Quick HTML image gallery from folder contents

Setting: You have a lot of jpg files in a directory. Maybe your public_html folder which is readable on the net because of Apache's mod_userdir. All those files from the current folder will be dropped into a file called gallery.html as image tags that can be viewed within a web browser locally or or over the Internet. Original: find . -iname "*.jpg" -exec echo "<img src=\"{}\">" >> gallery.html \;
This is sample output - yours may be different.
13

find . -iname '*.jpg' -exec echo '<img src="{}">' \; > gallery.html

Schneckentreiber · 2010-07-03 16:36:15 10
Quick HTML image gallery

My take on the original: even though I like the other's use of -exec echo, sed just feels more natural. This should also be slightly easier to improve. I expanded this into a script as an exercise, which took about 35 minutes (had to look up some docs): http://bitbucket.org/kniht/nonsense/src/7c1b46488dfc/commandlinefu/quick_image_gallery.py
This is sample output - yours may be different.
2

find . -iname '*.jpg' | sed 's/.*/<img src="&">/' > gallery.html

kniht · 2010-07-04 00:50:32 10
Quick HTML image gallery from folder contents with Perl

This includes a title attribute so you can see the file name by hovering over an image. Also will hoover up any image format - jpg, gif and png.
This is sample output - yours may be different.
1

find . | perl -wne 'chomp; print qq|<img src="$_" title="$_" /><br />| if /\.(jpg|gif|png)$/;'> gallery.html

spotrick · 2010-07-04 01:43:50 6

What Others Think

rahimhh21 · 119 weeks ago

Perfecthomepugs · 109 weeks and 5 days ago

pugpuppies95 · 71 weeks and 6 days ago

yeneba6574 · 25 weeks and 2 days ago

What do you think?

Any thoughts on this command? Does it work on your machine? Can you do the same thing with only 14 characters?

You must be signed in to comment.

What's this?

commandlinefu.com is the place to record those command-line gems that you return to again and again. That way others can gain from your CLI wisdom and you from theirs too. All commands can be commented on, discussed and voted up or down.

Share Your Commands

Similar Commands

quick and dirty formatting for HTML code

You can access some-image.html where you include a image any other file than you can access it through http using a browser (e.g. http://xxx.xxx.xxx.xxx:12345 )

set text file into background

Create a QR code image in MECARD format

Stay in the loop…

Follow the Tweets.

Every new command is wrapped in a tweet and posted to Twitter. Following the stream is a great way of staying abreast of the latest commands. For the more discerning, there are Twitter accounts for commands that get a minimum of 3 and 10 votes - that way only the great commands get tweeted.

» http://twitter.com/commandlinefu
» http://twitter.com/commandlinefu3
» http://twitter.com/commandlinefu10

Subscribe to the feeds.

Use your favourite RSS aggregator to stay in touch with the latest commands. There are feeds mirroring the 3 Twitter streams as well as for virtually every other subset (users, tags, functions,…):

Subscribe to the feed for:

» all commands
» commands with 3 up-votes (commandlinefu3)
» commands with 10 up-votes (commandlinefu10)