Grow your CSS skills. Land your dream job.

jQuery show/hide trick

  • # January 9, 2011 at 7:20 pm

    http://attilahajzer.pcriot.com/sites/Boxes/

    check it out. a simple jQuery site (gallery) you click the buttons on top right. and it sorts out the images. i have yet to link the images. i never thought it could be so easy and do soo much! isn’t that like jQueries slogan? well please let me know what you guys think of it? thanks.

    # January 10, 2011 at 2:44 am

    A good implementation of the similar Filtering Blocks Demo by Chris. I think it works very well as a gallery.
    However, you are using the full size images as thumbnails – forcing browsers to download the full image, and then resize it to 100px square. On final implementation make sure you look at generating some thumbnails to be called for the squares, and then link to full size image. (I apologise if the full size images are temporary, and thumbnails were going to happen any way!)

    # January 10, 2011 at 4:43 pm

    Sorry to hijack, just a quick question. Whats the easiest/most efficient way to generate thumbnails for a gallery?

    And i like the gallery, its nice!

    gno
    # January 10, 2011 at 7:39 pm

    Whenever im resizing images I’m using a php class named SimpleImage. It has been around for years, its easy to you and has yet to let me down.

    http://www.white-hat-web-design.co.uk/articles/php-image-resizing.php

    As to the OP: Its a neat effect. But I think it would be smoother with a fade in/out instead of the sliding. :-)

    # January 10, 2011 at 9:49 pm

    I think your is a good start, i like your transitions, you might want to check out this one: http://razorjack.net/quicksand/index.html for some ideas

    # January 10, 2011 at 10:42 pm

    I really need to learn more jquery…

    # January 11, 2011 at 10:10 pm

    @ Jerm993

    im just starting, ive done a few things. and sofar havn’t regretted anything yet!!!

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".