SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict
    Join Date
    Jul 2006
    Posts
    379
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question How is this jQuery done?

    I wonder if someone can point me in the direction of the jQuery used for this...

    I'm interested in the filtering aspect, how things dim and highlight when selected.

    Seen it uses Masonry, but not sure if this is was does that aspect.

    I want it to be a strict grid like shown not for it to move around..

    Any ideas how its done?

    Thanks

  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by Jezthompson12@nt View Post
    I'm interested in the filtering aspect, how things dim and highlight when selected.
    He uses a simple selector fade to perform that effect.

    For example:
    Code:
    $("#grid-wrapper article.post").delay(100).fadeTo(700, 0.1);
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  3. #3
    SitePoint Addict
    Join Date
    Jul 2006
    Posts
    379
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul,

    Are there any tutorials on that selector?

    How does it know from a link to fade down the rest from being selected?

  4. #4
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by Jezthompson12@nt View Post
    How does it know from a link to fade down the rest from being selected?
    My lexical parser has trouble interpreting meaningful information from the above.

    Edit:

    Aahh, epiphany strikes, more follows


    Oh, there's a missing comma after the word "link"

    He also has other similar code on the page that does what you're wanting to know about. The example code that I posted is only a part of his solution.
    You can look at the source code for his page and find the place of the example code, where you will find similar code that does the rest of the work.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  5. #5
    SitePoint Addict
    Join Date
    Jul 2006
    Posts
    379
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Err


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •