WebAppers

/ best free open source web resources /

Shopify

How to Create a Sponsor Flip Wall using jQuery

Posted · Category: Gallery, License Free

Designing and coding a sponsors page is part of the developer’s life. It, however, follows different rules than those for the other pages of the site. You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design.

TutorialZine has written a tutorial about how to create a Sponsor Flip Wall using PHP, CSS and jQuery with the jQuery Flip plug-in, to do just that. The resulting code can be used to showcase your sponsors, clients or portfolio projects as well.

jquery-sponsor

Requirements: PHP, jQuery Framework
Demo: http://demo.tutorialzine.com/2010/03/sponsor-wall-flip…
License: License Free

8 Comments
  • jQuery Original

    Right for portafolios, not for banners… banners should be direct click=>target, without flip. No two clicks for target.

  • Roland

    Very nice! Will be using it for my portfolio

  • http://hbro.sin.khk.be Hans Broeckx

    AWESOME! Why haven’t I thought of that? :p

  • Yo

    See some bugs in IE.

  • http://www.bigtunainteractive.com Adam Hermsdorfer

    Very nice jQuery flip wall. I definitely can see this for sites that have multiple sponsors and want to give them more space.

  • http://www.fedmich.com/life/ fedmich

    Have done this before, but client later on decided to revert to normal design, paragraphs.

    and I encountered the IE bug too.
    it doesn’t return to its original location after clicking the picture
    http://i43.tinypic.com/117e61t.jpg

    Thanks for sharing :)

  • http://shaunpreston.co.uk Shaun Preston

    Really useful! Thanks!

  • jo

    hey very nice tutorial.if anybody can tell how to flip on mouse hover….

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons