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

Why Other Companies’ Webinars are Better Than Yours

Why Other Companies’ Webinars are Better Than Yours Marketing campaign strategies can be overly time consuming and costly. Although multi-channel marketing is the key to success,...

Check Out What's New at ReadyTalk!

There are a lot of new and exciting things happening at ReadyTalk. Check out what new features and updates we have to offer for operator-assisted events: Conference ID Required ...

Making Meetings Better with Two New Features

With these two new features from ReadyTalk, your meetings will be even better! Higher Quality VoIP Improvements around VoIP audio conferencing for chairpersons and co-presenters...

Self-Serve Broadcast Audio - saves you time and money!

Our passion is perfect presentations.  That's why ReadyTalk gives you everything that’s been missing in webinars.  Our easy-to-use platform delivers superior presentation...

How to Write the Break Up Letter

I recently shared 15 Ways You Know It's Time to Break Up (with your conferencing provider) because not every relationship is meant to last forever.   Once you have decided it is in...

What We Learned: 3 Webinar Features You Should be Using Today

What We Learned:  3 Webinar Features You Should be Using Today Yesterday, we hosted a great webinar on some new ReadyTalk features: 3 Webinar Features You Should be Using Today. We...

3 Webinar Features You Should be Using to Get More Value from Your Webinars

3 Webinar Features You Should be Using to Get More Value from Your Webinars “Am I getting ROI on my webinars? How can I make it be better?” These questions are often in the back of...

Online Meetings Like a Boss!

Online Meetings Like a Boss! Just because a meeting is happening online, isn't an excuse for it to be a waste of time. Want to host better online meetings? Check out these 8 tips...

4 Ways to Join a ReadyTalk Meeting Faster

4 Ways to Join a ReadyTalk Meeting Faster ReadyTalk offers more ways than ever to meet online faster, right from where you are working. Join a webinar on the go from your mobile,...