“Ajax Overhaul, Part 3: Retrofit existing sites with jQuery, Ajax tabs, and photo carousels” Up on IBM Developerworks

Dietrich Kappe, Tuesday, July 8, 2008 @ 10:16 pm

Part 3 of my colleague Brian Dillard's series on retrofitting your web site with Ajax is now up on the IBM Developerworks site.

In this installment, you'll tame unmanageable product-details pages by placing content inside a tabbed interface. You'll also keep product images under control by displaying them in an image carousel. You'll learn how to employ both techniques using simple Dynamic HTML (DHTML) or more complex Ajax code. Either way, you'll again use the principle of progressive enhancement to keep your pages accessible even when JavaScript isn't enabled. To accomplish all this, you'll use two additional jQuery plug-ins: jCarousel for image slideshows and jQuery UI Tabs for tabs.

You'll also want to look at parts 1 and 2.

Related posts:

1. “Ajax overhaul, Part 4: Retrofit existing sites with jQuery and Ajax forms” now live at IBM developerWorks
2. jQuery UI in action: Thumbs up on tabs, thumbs sideways on themes
3. My IBM developerWorks series, part 2: Tooltips, lightboxes and more jQuery goodness
4. jQuery Form and jQuery UI Tabs: Two great tastes that taste great together
5. More jQuery plug-ins: jCarousel and the dreaded window.alert()

Comments (0)

Software Development

Comments

• Leave a comment
• Comment feed for this post
• TrackBack URL

None so far.

Leave a comment