A Web Development Blog Focused on Code and Technology
Archive for March, 2009
As many of you have probably noticed, the “Slideshow Series” contains little to no CSS styling. Soon after completing my previous post, I realized that some major work needs to be done to improve the general appearance of the show; indeed, many only view a slideshow because it looks good!
Follow along as I present an intricate (yet easy to code) slideshow styling.
In a previous article, kab noted that when he read files using the
readdir function in PHP, it would not read in a sequence (eg.
2182.JPG is followed by
2190.JPG etc.), but rather quite randomly.
The fact is, on certain web servers, such as the one that Lateral Code runs on,
readdir reads in sequential order, while many others do not. If you’re on a web server that does not read in sequential order, there is a very simple fix you can do.
For a very long time, the web was filled with very plain fonts.
Unpleased with this lack of variety, a group of developers invented
sIFR had a problem: not everyone liked or used Flash. It was also slow.
Then, David Chester created
typeface.js was slow to load and required large files.
And most recently from Simo Kinnunen came
cufón, which we will look at here.
Previously, I presented a simple slideshow to enhance the user’s experience. To add some extra features and “buff” up this technique, follow along as I create a slideshow with buttons.
Take a Step Back
All of the features used in this post will strongly rely on the ones previously presented. Please take a minute to look back at the previous slideshow post so that you are not completely lost. It is assumed that you know the HTML setup from the previous post.
Remember to setup a slideshow using an unordered list:
<ul class="ppt"> <li><img src="somePhoto.jpg" alt="Your photo description"></img></li> <li><img src="someOtherPhoto.jpg" alt="Your other photo description"></img></li> (etc.) </ul>
In my previous article, Create a Simple Picture Gallery using PHP, KDM dropped me a nice comment about adding pagination.
In order to satisfy his needs (and our own), this post will present simple PHP gallery pagination. If you haven’t read the previous article, please refer back to it.