Home | Portfolio | Resume | Contact
Web Development
AJAX Photo Gallery - Adobe's
Spry Framework
AJAX Photo Gallery Preview

Click on the image to go to the working page


Programs used: Dreamweaver, Photoshop



Description:

This example is the most recent assignment I did for my Emerging Technologies class this semester in the Rich Media Post Grad program. We had to use Adobe's Spry framework to create a small widget. I chose to use Spry's built-in photo gallery funcctions to create a dynamic photo gallery.
  This widget allows users to choose from multiple albums and gives them multiple ways to view the photos. They click on the next and previous buttons to view photos in order, they can click on the thumbnails to view the photos in any order or the can click the play button to let a slideshow automatically transition through the photos in order.
  This widget uses XML files to load in the photos and the appropriate content so it can easily be hooked up to a PHP and database backend. The Spry framework allowed me to use basic animations and fades to transition between the photos and highlight the thumbnails. I was able to add in the image and gallery descriptions by adding some attributes and tags to the XML files as well as a couple lines of code to Spry's JavaScript file that contained the gallery functions.
  This was my first time using the Adobe Spry framework and it gave me a great understanding of how these widgets are structured. It also exposed me to more advanced JavaScript functions as well as different syntax that can be used to write things like if statements and functions.

Home | Portfolio | Resume | Contact
Click here to view the Privacy Policy and Terms of Use
The content on this site is published as part of my learning activities at Humber College.
Click here to visit Humber's School of Media Studies website