The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Need some help finding out how to do this

  • # December 2, 2012 at 9:11 am

    hi there everyone, i’m new here and i apologize for not posting in the right place.

    a client is setting up a new website and i was asked if this could be done for his site.

    in the thumbnails display different images when you point it with the mouse.

    is there an easy way to accomplish this effect?

    thanks in advance and sorry for my bad english.

    # December 2, 2012 at 9:27 am


    thumbnail s nt showing d different images..d various sides of same images(backside,close-ups,ec..)


    # December 2, 2012 at 3:07 pm

    @yoyo, please use real words and complete sentences.

    @kerbs I assume you’re talking about the mouseovers on the individual product pages ([this one](, for example)?

    It’s not difficult. If you’re using a javascript library, you can usually write you own in only a few lines. For example (using jQuery):

    thumbnail image for full_1.png
    thumbnail image for full_2.png
    thumbnail image for full_3.png

    full-sized image

    # December 3, 2012 at 7:14 am

    i’ll try that and let you know.


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed