/ best free open source web resources /


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.


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

  • 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

    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


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons