The SlideShow is, as the name implies, a slide show.
To be more specific, it's a web app which allows users to navigate through catagories and sets of pictures. The main thing about the slideshow is the
ability to customise it to display images the way the user wants, and to then record this data in cookies so that the next time the
user visits the site, the slideshow will behave in the same way.
I must stress now that the slideshow is written entirely for Mozilla based browsers, and I haven't given any support for others (MSIE
etc will display errors...). I might change this in the future, but I doubt it.
You'll probably have noticed, if you've viewed the demo page, that, in true web app format, the slideshow looks like Mozilla (especially the preferences window).
This is because I thought it might make it more intuitive... also, I'm not the most creative person in the world (as you'll probably have noticed from the look of this page), so the look was there for the copy :)
I might add in a skin, or theme, option to the slideshow, but i don't know if theres much point. Saying that, there's very little point in any of the
options... ah well.
The navigation of the slideshow is fairly obvious from the outset. You have two buttons which cycle through pictures and two either
side which cycle through the different sets. The way in which you navigate can be handled from the preferences window - decide whether
or not to go to the next set when you are at the end of one, or re-go through the current set...
Also, the quickjump menus allow you to select whichever set or picture in that set you would like to view, without first having to
go through every other previous picture. The catagories are selected from the top left menu.
What are catagories and sets?
Ok, I'll admit it. The whole idea for this web app came from an e-mail I got a few weeks ago which consisted of quite a few pictures
of ladies with no clothes on. I titled the page 'Amatures' and made two buttons to cycle through the different pictures. I kept adding
to it until it was roughly the same as it is now until I realised I could make this as a web app, and so I removed all the porn... Not
that I look at that sort of thing much... ahem :) Anyhoo, what I'm getting at in a seriously roundabout way is that the navigation purely
depended on which type of porn you wanted to look at, the model you would select and which picture you would like to look at. The whole code had references to models (function names etc).
So when I came to have this as a nice clean web app, I had to think of names: catagories (which type of porn) and sets (which model, couple etc), and then
the obvious picture within the set...
So, when setting this up - you have different catagories e.g. cars, motorbikes, trucks, then different sets within these catagories e.g. ford, honda, leyland-daff or whatever,
and then the pictures relative to these. Obviously there are loads of ways, and a hell of a lot of things you can come up with. The best way to see what I
mean is to view the
demo, since I'm not too hot at explaining this...
I also have plans to make the navigation bar dockable, so that you can move it to any part of the screen, but who knows?
The preferences is what makes this web app more than just a slideshow, and actually a web app, come to think of it. Its where a hell of a lot of the work has gone into this.
Viewing the
demo and clicking preferences is probably the best way of finding out what you can do with this.
The following is a small rundown of the functions in the preferences:
-
Apply effects to the slideshow, such as the fade effect during image transition, and customise this effect.
-
Set the speed and direction of the auto slideshow
-
Change the background colour of the slideshow (choose from a grid of colours). (Possibly have themes)
-
Decide whether to loop through sets or change to the next set when you reach the end of the previous one.
-
Make all the images be the same size (keeps the individual image's dimension ratio though)
You'll also notice there's an "Extra's" button. This allows you to see secret pictures of mine, as long as you know the password :)
For all you developers out there (who this site is mainly for), I've provided tutorials on this app. That doesn't sound
interesting in any way, but the tutorial basically covers all aspects of DHTML but with reference to this slideshow
in order to give examples of what I mean. I have, as you may kow, a bit of info on DHTML around the site, and during the tutorial
references to these snippets are made.
All I do in this section is take you through the methods I've used to make this web app, and how to do general things.
I reckon its quite helpful...
see for yourself.