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

Debunking Webinar Myth #2: The price per lead is too high.

Debunking Webinar Myth #2: The price per lead is too high. In our first post of this series, we talked about how you can conduct cost effective webinars for your organization,...

Debunking Webinar Myth #1: Webinars cost an arm and a leg

Debunking Webinar Myth #1: Webinars cost an arm and a leg In our experience, most people think webinars cost an arm and a leg. There can be a variety of expenses associated with...

How to Identify and Clean up Bad Data

How to Identify and Clean up Bad Data The implications of bad data are huge, as we discussed in this post. It causes not just direct financial losses to the tune of $600 billion...

Top 5 Webinar Lead Generation Mistakes

Top 5 Webinar Lead Generation Mistakes A webinar is a proven medium to generate high quality leads. However, merely going through the motions does not guarantee leads. For the...

Moving your Organization to a Strategic Demand Generation Strategy [Guest Post]

Today's post is provided by Carlos Hidalgo, CEO and Principal at ANNUITAS. You can follow Carlos on Twitter, @cahidalgo. I had the privilege to present on a webinar sponsored by...

How to Target a Demand Generation Audience vs. a Nurturing Series

How to Target a Demand Generation Audience vs. a Nurturing Series   A basic marketing funnel includes three phases: demand generation, lead nurturing and sales. It's like a person...

Cost Analysis of Webinar Leads

 Cost Analysis of Webinar Leads Webinars have gained popularity as a cost effective lead generation tactic in the past couple of years. Depending on your webinar strategy, the...

Webinar Promotion Q&A with Marketing Experts

Your Webinar Questions Answered by HourlyNerd's Dan Slagen and ReadyTalk's Shawn Cardinal On August 19, Dan Slagen, the CMO of HourlyNerd spoke on ReadyTalk’s webinar series about...

Watch your audience go from yawn to yay!

ReadyTalk Hosts Susan Stewart on our Webinar Series Time and time again people eagerly register for webinars, to only drift off from the live event and leave the webcast wondering...