Galleries Galore

Today has been a productive day on the final year project front (same can't be said about the 3d assignment).

One issue left over from yesterday was the deleting of a tab was not possible if you had just created it (via Ajax), the page needed a full refresh. Now this is not the case and it deletes and creates tabs as will without refreshing.

One thing that is not a massive feature but is a must which was the reason it was on my main To do list of 15 things needed to be completed by the end of this project was the letting a user edit their email or their password. This page and feature has now been added. One bug I have just noticed is that it will not let you change password or email without changing the other. Leaving one blank will cause a error! So this needs to be fixed! (simple fix really of just checking to see if the user has not filled one and if so reset it in the code behind getting the old values out the database).

The next thing was to get the gallery to accepting uploading of number of images, This needs to be heavily bug tested but at moment when you click the gallery button it will give you what looks just like the image/video upload dialogs but with the "add another image" button. Which by clicking gives the extra "choose file" uploader. (I plan to change this so after you picked a image for the first uploader it will automatically give the user another one. So when they hit "save" it they will have how ever many images they want to upload plus one extra blank one.

This does some complex calculations and database work to build a "Gallery" item which links to images in the gallery table (In hindsight naming it Gallery was probably not the best name for it). This works well and although it took me a long time to get working I am very very happy it is now done.

Next thing just like the flash player for videos was to get a gallery to display my images nicely no matter how many of them there was. A scrolling option was the best bet for this and I found a nice simple jQuery gallery which I adapted to fit with my website styling.

As you can see in the above image is in period of changing from one image to the next by sliding sideways. It moves when either the image is clicked (it moves to the next image) or when one of the numbers are clicked which relate to the images part of the gallery.

I minimized the styling so that the gallery would look alot like the image item. So the page looks more fluent.

A example of a complete profile tab page sporting two galleries, a title and couple text sections!