Love Lightbox, but…

  • Nobody knows that an image on the page is clickable unless they move their mouse over it.

    I’d like to overlay a “magnifying glass” style icon over an image to indicate it’s clickable.

    Anyone know how to do that in CSS or something?

    Hope you can help,
    Michael

Viewing 5 replies - 1 through 5 (of 5 total)

  • I can see why you’d like to have a magnifying glass, but in this day and age, most people think that a small image, especially a rectangular one, can be clicked and enlarged

    You could just say “Click on the thumbnail below to enlarge.”

    Thread Starter mhains

    (@mhains)

    Most of my visitors are family and over the age of 40… as a result, they’re not as web-savvy as others and need a visual clue.

    Anyone got any ideas??

    WTF does the photographer you named have to do with this thread? Hello SPAMMER. Get a clue, dork. (I swear, all spammers should get a special place in hell when they get hit by a semi. I HATE spammers.)

    As for you, mhains (switching to “nice mode”) – you’d have to create an icon in an image editor yourself, but you can place it in your images with CSS. Forexample, if you make a little 15x15px icon of a magnifying glass, you can do something like so:

    img.clickable {
    float:left;
    margin:10px;
    padding:0 0 20px 0;
    background-image:url(“mag_glass.gif”);
    background-position:bottom right;
    background-repeat:no-repeat;}

    That will put 20 pixels of padding below your image, and the icon will appear to the bottom left of the picture.

    Hope that helps.

    (And please, someone remove the spam.)

    (thanks for removing the spam! ?? I love you guys!)

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Love Lightbox, but…’ is closed to new replies.