Thursday, 17 February 2011

A little bit of html 5 experimentation

One of the things on my todo list at the moment (alongside placement and assignment work at least) is to make the "work" section of my website look much nicer and neater.
Follow this link for an experiment I am working on to make the images section a lot less clunky looking (as that flickr plugin is useful but looks terrible!).
It is a really simple piece of javascript - it creates the normal function to display images etc on the canvas, but the function is set up to be passed a variable.  Each different button passes a different number, which is added to a variable containing the path and basic filename with the extension.  This means that each time a list item is clicked the canvas redraws with the relevant image.
I eventually intend for this bit of script to also:
-As preloading images would present an issue for load time, a loading animation and script
-Hold a caption
-Be clickable and use document-write to open a large version of each image

I am also going to use a very similar format (using video tags instead of canvas) to clean up the video section of my portfolio also.

Time for bed now...too tired.

No comments:

Post a Comment