ReadyTalk

Meet with Confidence

Creating a New Website: Integrating a jQuery carousel in to Drupal

Posted by Daniel Linn on
Share this Post:

In ReadyTalk’s new website design, we’ll provide up-to-date, dynamic information to our customers in a number of ways. One of those will be a carousel on the front page of the website. We want to load data asynchronously on to the front page to reduce loading times and we want it to load from Drupal nodes for easy maintenance. We originally went to find a Drupal carousel plugin, but none existed that met our needs.

We decided to use jQuery Tabs since Drupal comes with jQuery installed. It was easy to integrate in to our theme files using the great documentation provided by jQuery Tools. We also installed the jQuery Update module for Drupal to bring jQuery up to speed.

jQuery tabs offers a slideshow plugin for Tabs that makes for a great carousel with some useful features, such as navigation elements, smooth transitions and pause on mouse hover. The only hurdle we encountered with this setup was pulling nodes cleanly in to the carousel.

Loading a node would also pull all the page layout data with it – any associated blocks or theme data would be pulled in to the carousel – not what we want. This solution is simple and works great for loading the content of a node and nothing else. Appending any address with ?ajax=1 will automatically grab the node content by itself, exactly what we want for loading via jQuery. This solution is also applicable to any circumstance where node data might be pulled asynchronously.

So, long story short:

 

All done!

Have you done something similar? How did it work? What are other ways to do this?

This is the third post in the “Creating a New Website” series. See posts one and two for other web site ideas.


Name: Shawn Michaels
Time: Tuesday, September 18, 2012

Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with more information? It is extremely helpful for me. BY - Drupal Web Design

Comments for Creating a New Website: Integrating a jQuery carousel in to Drupal

blog comments powered by Disqus

Recent Posts

New from ReadyTalk - iPhone App Web Participant

Joining web meetings from your iPhone has never been easier.  Whether you are in the office or on the road, you can now participate in both the audio and web portions of the...

New Collaboration Features Available From ReadyTalk

New Collaboration Features Available From ReadyTalk Collaborating just got easier! Starting today, you can choose to present from multiple monitors, pause your screen share and...

Less Work, Better Results: Use Marketing Automation to Your Advantage

Using Marketing Automation to Your Advantage    After broadcasting a webinar and recording it, promoting it and encouraging people to watch the recording becomes the next steps for...

The Power of Webinar Tactics for Lead Qualification

The Power of Webinar Tactics for Lead Qualification  Webinars allow you to not only generate leads, but are also an excellent way to generate lead qualification. By utilizing...

If You Don't Try Designing a Live Webinar for On-Demand Use, You'll Hate Yourself Later

Designing a Live Webinar for On-Demand Use   In recent years webinars have grown in popularity for marketers in the B2B world with about 62 percent of all B2B marketers currently...

Don’t Stutter. Use the Webinar ROI Calculator to Show Your Success.

Don’t Stutter. Use the Webinar ROI Calculator to Show Your Success. Remember that time when your boss asked you about the success of your webinar program? If you stuttered,...

If You Struggle With Evergreen Topics, Read This

Finding Evergreen Topics Many marketers are generating leads through webinars with the lowest possible cost effort by recording your webinar and redistributing it. On average, a...

5 Tools my Sales Team Could Not Live Without

5 Tools Our Sales Team Could Not Live Without As a Sales Director, my goal is to provide tools and resources to my team in order to make them successful and more efficient.  My...

Cost of a Webinar: Is it a good investment?

Cost of a Webinar: Is it a good investment? With today's technology, there are an overwhelming number of ways a marketer can generate demand and capture new customers. Filtering...