Work the Shell - Displaying Image Directories in Apache, Part IV

The final steps in our thumbnail script scale and align the images within a pretty table.
Last Step: Tables for Aligning Things

With all of this tucked into the script, we can use a skeleton table to organize things neatly. In a rough form, it'll look like this:

<table border="0"><tr>
<td align="center">image</td>
<td align="center">image</td>
<td align="center">image</td>

Dropping it into the script, the key block that both displays the image, scaled, and keeps track of when we need to produce a new row in the table is:

if [ $linecount -eq $maxperline ] ; then  # new row of table
  echo "</tr><tr>"

echo "<td align='center' valign='bottom'>"
echo "<a href=$name><img src=$name border=0"
echo " alt=$name height=$height width=$width />"
echo "<br>$name</a><br>($height x $width)</td>" 
linecount=$(( $linecount + 1 ))

Now, because I want to write a highly readable script, it's worth highlighting that the top section lets you configure the heck out of this:

maxsize=150     # max thumbnail size, in pixels
maxperline=3    # max images per table row

Both of these constants can be tweaked as needed. The result? See Figure 1. Sweet!

Figure 1. Example Result from the New Script

The full script is pretty cool. If you'd like to get a copy of it, please pop over to my site: Save it as index.cgi in an image directory on your Web server.

Dave Taylor is a 26-year veteran of UNIX, creator of The Elm Mail System, and most recently author of both the best-selling Wicked Cool Shell Scripts and Teach Yourself Unix in 24 Hours, among his 16 technical books. His main Web site is at, and he also offers up tech support at


Dave Taylor has been hacking shell scripts for over thirty years. Really. He's the author of the popular "Wicked Cool Shell Scripts" and can be found on Twitter as @DaveTaylor and more generally at


Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.


ultramookie's picture

i agree, finally this series is over.

hey dave, on a different note, your example picture kind of shows what kind of stuff you're into, huh?


"[I]n slang situations it often means 'perverted' and is subsequently used in many other countries to refer to anime, manga and computer games with explicit sexual or pornographic content.

"The term "hentai" is also commonly used (outside of Japan) to refer to pornographic animation in general that is not necessarily anime or manga. This is most often the case if the said animation is an imitation of a pre-existing cartoon or character."


etamme's picture

finally this series is over...

White Paper
Linux Management with Red Hat Satellite: Measuring Business Impact and ROI

Linux has become a key foundation for supporting today's rapidly growing IT environments. Linux is being used to deploy business applications and databases, trading on its reputation as a low-cost operating environment. For many IT organizations, Linux is a mainstay for deploying Web servers and has evolved from handling basic file, print, and utility workloads to running mission-critical applications and databases, physically, virtually, and in the cloud. As Linux grows in importance in terms of value to the business, managing Linux environments to high standards of service quality — availability, security, and performance — becomes an essential requirement for business success.

Learn More

Sponsored by Red Hat

White Paper
Private PaaS for the Agile Enterprise

If you already use virtualized infrastructure, you are well on your way to leveraging the power of the cloud. Virtualization offers the promise of limitless resources, but how do you manage that scalability when your DevOps team doesn’t scale? In today’s hypercompetitive markets, fast results can make a difference between leading the pack vs. obsolescence. Organizations need more benefits from cloud computing than just raw resources. They need agility, flexibility, convenience, ROI, and control.

Stackato private Platform-as-a-Service technology from ActiveState extends your private cloud infrastructure by creating a private PaaS to provide on-demand availability, flexibility, control, and ultimately, faster time-to-market for your enterprise.

Learn More

Sponsored by ActiveState