thumbnail image? (2 posts)

  1. prncessr14
    Posted 10 years ago #

    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)

  2. Doodlebee
    Posted 10 years ago #

    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 {

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.