Thumbnail problem

Update 4/01: This entry is now moot with the successful installation of NetPBM.

On the new weblog server installation, we have had trouble getting the ImageMagick Perl module to compile and install.

Without ImageMagick, the Upload File dialog loses the functionality of auto-generating image thumbnails based on the dimensions the author specifies.

Instead, Movable Type generates code for a “View Image” text link that, when clicked, displays the uploaded image at its original size.

We are working to restore the thumbnail functionality, and I will post a message here as soon as we have successfully re-installed ImageMagick.

In the interim, one can manually achieve the previous functionality. This will require manipulating the image with a desktop image application, then using the Upload File function twice. The steps are outlined after the jump.

  1. Be sure to keep a copy of your full-sized image. Then use an image editing program, such as Photoshop or Fireworks, to create a second copy of your image resized down to a thumbnail size, then save the smaller image as a different file. You can add a hyphen and the word thumb to the file name (exampleimage-thumb.jpg), to be consistent with the way that Movable Type normally generates thumbnails.
  2. Inside Movable Type, first upload the full-sized image as one normally does by using the Upload File link in the admin interface’s left sidebar. In the pop-up dialog, click the Choose File button to choose the full-sized image. Type “images” into the form field for Local Site Path to keep your images organized in a single folder. Then click the Upload button.
  3. On the next screen, choose the “Show me the HTML” option, then click the Popup Image button.
  4. Copy the code that Movable Type generates and paste it into your blog entry. Notice the words “View image” inside the anchor tags (near the end).
    Example:
  5. Repeat the “Upload File” step for the thumbnail image. Again select the “Show me the HTML” option, but this time click the Embedded Image button.
  6. Go back to your blog entry, and replace the words “View image” from the previous pasted block of code with the new block of code, using copy and paste. The new code should be structured like the simplification below:
    <popup image code with opening anchor tag and javascript>
    embedded image code
    </closing anchor tag>

Recent Entries

Expired guest accounts
[09 Aug 2011] A few dozen non-Princeton users are using the Guest Account Provisioning Service to access the blog admin interface.…
Syntax highlighting disabled
[16 Jun 2011] By default, Movable Type template editing screens load a JavaScript that dynamically adds line numbers and color-coding to the code…
RSS feeds and Roxen CMS
[21 Apr 2011] Some University organizations with sites in both Roxen CMS and blogs.princeton.edu have tried to use Roxen’s RSS component…
Brief outage 3/28, Mon. morning
[25 Mar 2011] There will be a brief emergency outage of the blogs.princeton.edu server on Monday, March 28. It will be…