• 1
• 2
• 3
• 4
• 5

access active add adding ajax album alliance application applications article assumed auto basic blown border box built call called calls change click client code columns complete completed countimages create creating data date dateaugust developerworks developing development directory display div download easily emptyphoto ensure expand expandphp familiar feature figure file fileimagejpg files finally find foobar full function functionality functions gd generate generated getfilelist getimage getimagelink getimagelist getimagesize getmetadata gettable gettablelink give group handler html http ibm id image images implement implementation improve index indexed information input javascript large learn library limitstart limitstep link links list listing main margin metadata method methods navigation node note number open openajax output package padding page pager parameters part passed photo photos php popular previous products project provide px quickly rate read request requests resources response return returns sajax sample script separate series server set show simple simply single solid source standard start step systems table technologies technology thumbnail thumbnails time title toolkit top towindow traditional user version view visit web width window write writing xfoobar xml

Keyword Cloud Navigation Map

Asynchronous JavaScript and XML (Ajax), is arguably the most popular new Web technology. In this two-part "Developing PHP the Ajax way" series, you will create a simple photo album as an online Web application, entirely in PHP and the Simple Ajax Toolkit (Sajax). You'll begin by writing a simple photo album using the standard method of PHP development and later apply Sajax to make it an active Web application.

Creating a simple photo album

In this article, you will create a simple photo album using two methods: a traditional Web application and a Sajax-powered application. You will write an album in PHP that reads the contents of a directory, showing the user a table of thumbnails. If the user clicks a thumbnail, the image will expand to full size. Since you will be writing a traditional application, every click will be a new HTTP request, with parameters being passed as part of the URL.

You will learn how to quickly apply the Sajax library to your album and find out why using Sajax will speed up application development.

Adding a pager table

A user visiting your album will need to have some way to quickly view your photos. Since many large photos cannot be easily viewed on one page, you need to create a pager -- a simple table that displays a few thumbnail images at a time. You will also write navigation to help the user mover forward and backward through the image list.

Figure 1. Pager will provide way to show user photos

Read Full Tutorial...