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

It's All About Velocity (part III)

This is the final post in a three-part series on funnel velocity. As we talked about in my first post, velocity is a key measurement for marketing efficiency. In my second post, I...

It's All About Velocity (part II)

As you read in yesterday's post on funnel velocity, you first need to identify all of the breakpoints in your lead process before you can start tweaking them. Let’s take a look at...

It's All About Velocity (part I)

This is the first post in a 3-part series about funnel velocity. These days’ marketers are really good about measuring a lot of things. Most marketers could tell you their CPA...

Not more content, better content

Not more content, better content A recap of Ann Handley’s Everybody Writes webinar presented on 11/13   ReadyTalk, Marketo, and several other sponsors were fortunate enough to host...

15 ways to know it’s time to break up (with your conferencing provider)

The road to a fulfilling, enduring conferencing partnership is almost always littered with a few attempts that turned out to be bad technology experiences, poor customer support...

Volunteers in Action: ReadyTalk helps out with Clothes to Kids

ReadyTalk recently had a chance to make our third visit to an awesome organization called Clothes to Kids! We brought along 10 volunteers to help kids and parents shop for clothes...

Debunking Webinar Myth #8: People never attend webinars

Debunking Webinar Myth #8: People never attend webinars Again, when it comes to webinars, it’s important that you manage your expectations. While you might have a lot of...

Debunking Webinar Myth #7: Webinar promotion is expensive

Debunking Webinar Myth #7: Webinar promotion is expensive. This is one of those myths that perplexed us the most. We live in a world dominated by the Internet. Marketers can...

Everybody writes – why you should care about content marketing

Everybody writes – why you should care about content marketing At the end of each year, I like to look back and see if the predictions the experts forecasted for the “hottest...