Home arrow JavaScript arrow Ajax Image Requests: Progresive Enhancement Techniques
JAVASCRIPT

Ajax Image Requests: Progresive Enhancement Techniques


In this third part of a series, I will show you how to build a revamped version of the image gallery created in earlier tutorials. This time it combines the functionality of Progressive Enhancement, Ajax and PHP to fetch images from the web server.

Author Info:
By: Alejandro Gervasio
Rating: 5 stars5 stars5 stars5 stars5 stars / 2
July 14, 2010
TABLE OF CONTENTS:
  1. · Ajax Image Requests: Progresive Enhancement Techniques
  2. · Review: building a basic image gallery with jQuery
  3. · Fetching images with PHP and Ajax
  4. · Adding the previous jQuery snippet to a web page

print this article
SEARCH DEVARTICLES

Ajax Image Requests: Progresive Enhancement Techniques
(Page 1 of 4 )

As youíll surely know, Progressive Enhancement (PE) is a powerful approach which, when used cleverly, allows you to develop more accessible and usable websites. Itís quite possible, however, that you have a solid background in the theoretical concepts that surround the application of PE, but still donít know how to use this paradigm in some practical, real-world situations. If thatís your situation, then I suggest you take a look at this article series. In its parts youíll learn how to take advantage of the benefits offered by PE when building some typical web programs, including dynamic image galleries and drop-down menus, form validators and Ajax-driven applications.

And now that you've been introduced to the main goal of this series, itís time to quickly review the topics that were discussed in the previous chapter. In that part of the series I developed a basic image gallery, whose behavioral layer (or in other words, the galleryís enhanced version) was implemented by using jQuery, which made implementation an extremely simple process. 

Of course, the most interesting facet of this sample gallery was its ability to remain entirely functional, regardless of whether JavaScript was enabled or disabled on the browser, thanks to the use of PE during its construction. In addition, itís fair to note that the images that comprised the gallery were displayed through regular GET HTTP requests, which is perfectly valid. Itíd be useful to demonstrate, at least for educational purposes, how to request the images by using Ajax and PHP, while keeping the galleryís core functionality untouched.

Thatís precisely what I plan to demonstrate in this third episode of the series. This will give you another example that shows how to use PE in a realistic situation. Ready to learn how to combine PE, Ajax and PHP in one single web application? Then begin reading right now!


blog comments powered by Disqus
JAVASCRIPT ARTICLES

- Project Nashorn to Make Java, JavaScript Wor...
- JavaScript Virus Attacks Tumblr Blogs
- Google Releases Stable Dart Version, JavaScr...
- Khan Academy Unveils New JavaScript Learning...
- Accessing Nitro? There`s an App for That
- JQuery 2.0 Leaving Older IE Versions Behind
- Fastest JavaScript Engine Might Surprise You
- Microsoft Adjusting Chakra for IE 10
- Brendan Eich: We Don`t Need Google Native Cl...
- An Overview of JavaScript Statements
- An Overview of JavaScript Operators
- Overview of JavaScript Variables
- More of the Top jQuery Social Plugins
- The Top jQuery Social Plugins
- More of the Top jQuery Slider Plugins

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials