thumbnail image?

  • I’ve seen a few blogs that have installed two seperate blogs with the same theme – one which contains their main homepage and one to serve as a photoblog.

    On the main page, there’s a link to their photoblog which contains a thumbnail image to their most recent photo. However, instead of the whole image resized to a smaller image, the thumbnail is actually a piece, or square, from the image. It seems as if the author is actually able to cut out a square from the full-size image and use it as their thumbnail.

    Does anyone know how to pull this off without manually cropping out a small square from every photo that’s posted?

    (P.S. There are tons of examples of this, but the most common is probably dooce.com)

Viewing 1 replies (of 1 total)

  • dooce does exactly what you just described – cuts out a smaller image.

    I would imagine you may be able to do this with some creative CSS though…like have a class setting so that the margins of the “thumbnail” image are cutting off the outer portions. For example:

    <image src=”big_image.jpg” width=”100″ height=”100″>
    <image src=”big_image.jpg” class=”thumbnail”>

    CSS would be something like

    img.thumbnail {
    margin-right:-75px;
    margin-bottom:-75px;
    }

    and it would leave you with the top left 25 pixels of the image visible – like a thumbnail.

    Possible, but I’m sure you’d have to mess with that.

Viewing 1 replies (of 1 total)
  • The topic ‘thumbnail image?’ is closed to new replies.