Help with this jQuery Feature?

Events happening in the community are now at Drupal community events on www.drupal.org.
spasebar's picture

I have gone through the documentation and now have an Omega subtheme setup. :)

I would really like to be able to get this feature onto my homepage. Can someone please direct or tell me how to go about getting this jQuery Flip Wall onto my homepage?

This is what I am trying to do:

http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css

I have downloaded the files, but now I don't know what to do with them. :( Noob here.. any help would be greatly appreciated. :P

Comments

Start with a view then...

douggough@drupal.org's picture

Start with a view that pulls all the required fields from your sponsor nodes together on one page. Then you'll need to create a custom views row template that wraps the fields with the required divs as shown on the project's home page. Once you have a page that displays the required fields wrapped in the proper divs, you can add the CSS and JS files to the theme's info file. This is a rough outline of the process. You'll have to do some research to understand how to theme a view, and how to work with your .info file in your theme.

Adding stylesheets: http://drupal.org/node/171209
Adding javascript: http://drupal.org/node/171213
Theming a view: http://api.drupal.org/api/views/theme!theme.inc/group/views_templates/7

Of course, in this as in all things web-related, Google is your friend.

Omega Framework

Group organizers

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: