LinuxQuestions.org

LinuxQuestions.org (/questions/)
-   Linux - General (https://www.linuxquestions.org/questions/linux-general-1/)
-   -   HTML Picture Album generator? (https://www.linuxquestions.org/questions/linux-general-1/html-picture-album-generator-17253/)

JHuizingh 03-28-2002 11:08 PM
HTML Picture Album generator?
 
I have a lot of pictures from my digital camera that I want to make into a simple web page. I was wondering if anybody knows of a program that can generate a web page like this. I used ACDSee on Windows, and I was very happy with how it did.

Here's what ACDSee did: I told it what pictures I wanted to make into a web page, it gave me options of how many rows and columns to have on a page, and other stuff like that. It would then generate thumbnails for all of the images, and link it so that if you click on the thumbnail, you go to the full size picture.

Does anybody know of linux software that does something similar?

While on the subject of images, is what is that easiest way to batch process a lot of image files to resize them to a percentage of the original size?

Aussie 03-29-2002 09:58 PM
Open up the directory containing the images in konqueror file manager then do <Ctrl>+<I> and konq will make an image gallery with thumbs and links to the full images, then you can edit the html to disply the images in a page.
Modified index,
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<title>Image Gallery</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--BODY { color: #234OFF; background: #000000; margin: 8%;}
H1 {color: #234OFF;}
TABLE, TBODY, TD, TR { color: #234OFF; padding: 1em}
--></style>
</head>
<body>
<h1>Image Gallery 001</h1>
<i>Number of images</i>: 30<br>
<br>
<hr>
<table>
<tr>
<td align='center'><a href="html/image001.html"><img src="thumbs/001.png" alt="thumbs/001.png">
</a><br>001.jpg</td>
<td align='center'><a href="html/image002.html"><img src="thumbs/002.png" alt="thumbs/002.png">
</a><br>002.jpg</td>
<td align='center'><a href="html/image003.html"><img src="thumbs/003.png" alt="thumbs/003.png">
</a><br>003.jpg</td>
<td align='center'><a href="html/image004.html"><img src="thumbs/004.png" alt="thumbs/004.png">
</a><br>004.jpg</td>
<td align='center'><a href="html/image005.html"><img src="thumbs/005.png" alt="thumbs/005.png">
</a><br>005.jpg</td>
</tr>
<tr>
<td align='center'><a href="html/image006.html"><img src="thumbs/006.png" alt="thumbs/006.png">
</a><br>006.jpg</td>
<td align='center'><a href="html/image007.html"><img src="thumbs/007.png" alt="thumbs/007.png">
</a><br>007.jpg</td>
<td align='center'><a href="html/image008.html"><img src="thumbs/008.png" alt="thumbs/008.png">
</a><br>008.jpg</td>
<td align='center'><a href="html/image009.html"><img src="thumbs/009.png" alt="thumbs/009.png">
</a><br>009.jpg</td>
<td align='center'><a href="html/image010.html"><img src="thumbs/010.png" alt="thumbs/010.png">
</a><br>010.jpg</td>
</tr>
<tr>
<td align='center'><a href="html/image011.html"><img src="thumbs/011.png" alt="thumbs/011.png">
</a><br>011.jpg</td>
<td align='center'><a href="html/image012.html"><img src="thumbs/012.png" alt="thumbs/012.png">
</a><br>012.html</td>
<td align='center'><a href="html/image013.html"><img src="thumbs/013.png" alt="thumbs/013.png">
</a><br>013.jpg</td>
<td align='center'><a href="html/image014.html"><img src="thumbs/014.png" alt="thumbs/014.png">
</a><br>014.jpg</td>
<td align='center'><a href="html/image015.html"><img src="thumbs/015.png" alt="thumbs/015.png">
</a><br>015.jpg</td>
</tr>
<tr>
<td align='center'><a href="html/image016.html"><img src="thumbs/016.png" alt="thumbs/016.png">
</a><br>016.jpg</td>
<td align='center'><a href="html/image017.html"><img src="thumbs/017.png" alt="thumbs/017.png">
</a><br>017.jpg</td>
<td align='center'><a href="html/image018.html"><img src="thumbs/018.png" alt="thumbs/018.png">
</a><br>018.jpg</td>
<td align='center'><a href="html/image019.html"><img src="thumbs/019.png" alt="thumbs/019.png">
</a><br>019.jpg</td>
<td align='center'><a href="html/image020.html"><img src="thumbs/020.png" alt="thumbs/020.png">
</a><br>020.jpg</td>
</tr>
<tr>
<td align='center'><a href="html/image021.html"><img src="thumbs/021.png" alt="thumbs/021.png">
</a><br>021.jpg</td>
<td align='center'><a href="html/image022.html"><img src="thumbs/022.png" alt="thumbs/022.png">
</a><br>022.jpg</td>
<td align='center'><a href="html/image023.html"><img src="thumbs/023.png" alt="thumbs/023.png">
</a><br>023.jpg</td>
<td align='center'><a href="html/image024.html"><img src="thumbs/024.png" alt="thumbs/024.png">
</a><br>024.html</td>
<td align='center'><a href="html/image025.html"><img src="thumbs/025.png" alt="thumbs/025.png">
</a><br>025.jpg</td>
</tr>
<tr>
<td align='center'><a href="html/image026.html"><img src="thumbs/026.png" alt="thumbs/026.png">
</a><br>026.jpg</td>
<td align='center'><a href="html/image027.html"><img src="thumbs/027.png" alt="thumbs/027.png">
</a><br>027.jpg</td>
<td align='center'><a href="html/image028.html"><img src="thumbs/028.png" alt="thumbs/028.png">
</a><br>028.jpg</td>
<td align='center'><a href="html/image029.html"><img src="thumbs/029.png" alt="thumbs/029.png">
</a><br>029.jpg</td>
<td align='center'><a href="html/image030.html"><img src="thumbs/030.png" alt="thumbs/030.png">
</a><br>030.jpg</td>
</tr>
</table>
<div align="center">
<a href="../../index.html">Back to Gallery Index.</a>
</div>
</body>
</html>
Code for full sized image page,
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
  <TITLE>Image 001</TITLE>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <meta name="GENERATOR" content="Quanta Plus">
</HEAD>
<BODY BGCOLOR="black" TEXT="blue" LINK="blue" ALINK="green" VLINK="blue">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
  <div align="center"><IMG SRC="../images/001.jpg" ALT="image 001" BORDER=0><br>
  <br>
  001.jpg
  <br>
  <br>
  <a href="../images.html">Back to Gallery</a>
  </div>
</BODY>
</HTML>

JHuizingh 03-29-2002 11:31 PM
Well, I did some searching on the internet, and found stuff that does exactly what I described here.

There's a gimp plugin called "dbp" that allows you to resize a batch of files (among other things), There's a little script called "album" that makes a web page and thumbnails out of a directory.

MasterC 01-05-2003 06:01 AM
<draggin up an old thread>

Aussie! You are a great man! I was looking for something EXACTLY like this, glad I did a search first. Thank you very much (What, uh, 9 months later? :) )

One feature that I'd like to see (and maybe exists but I can't find it) would be a thumb size. The images are just slightly smaller than I'd choose, but defintely work.

Thanks

</draggin up an old thread>

bulliver 01-05-2003 02:19 PM
Quote:
Open up the directory containing the images in konqueror file manager then do <Ctrl>+<I> and konq will make an image gallery with thumbs and links to the full images, then you can edit the html to disply the images in a page.
This is so cool, thanks. What other stupid tricks can Konq do?

dirgon 01-05-2003 03:19 PM
Nice tip, Aussie. I need to try this with the pictures that I have of my 4 year old. I have been wanting to create a web site with some of his older pictures.

JHuizingh 01-06-2003 04:05 PM
If you do a search on google for "album", the first thing that comes up is a utitility that makes photo albums out of directories of pictures. It has themes, creates thumbnails, lets you choose the thumbnail size, lets you caption each pictures, and makes very nice web pages. I find it very useful.

leosgb 03-12-2006 04:39 PM
Is it possible to run this "album" script in the command line? How is the command? Could you post it here?


All times are GMT -5. The time now is 06:42 PM.