Fullscreen Flash websites

Posted December 10th, 2009. Filed under ActionScript JavaScript

A recent site I did for Playgroup in collaboration with id & ego design, who made some fantastic artwork, that really needed to be shown off full screen.

There are several ways to display a swf in full screen. You firstly have the entire full screen, like you get with a youtube video. This is done by using StageDisplayState.FULL_SCREEN.
However, this isn’t the full screen I am talking about, I want to merely use the available space read more

I have recently been using a jQuery plugin called imgAreaSelect, which allows you to crop images. I wanted to use it with my PHP site so that thumbnails could be cropped and created.

GD Library is a PHP library that allows manipulation of images, in particular it can create new images.  It may need to be installed on some servers, but I found it already installed on my host and on MAMP (my local server). Combining this with imgAreaSelect read more

Having installed galleria on my webpage, I then wanted to align the gallery vertically inside the containing div.

Unfortunatley, there is little CSS support to do this, vertical-align is a property that does not work for images,  and only really works for text appearing next to images or in table-cells.  (Apparently, this property maybe improved for CSS3).

I figured out a way to use Galleria’s onImage : function, which handles anything every time an image is loaded.  read more

Using jCarousel with galleria jQuery plugins

Posted August 4th, 2009. Filed under JavaScript

Galleria – a JavaScript image gallery, written in jQuery, creates a gallery (with thumbnails) from a list of images. It’s simple to use, you just attach the script, call it and point it to a <ul> on the page. Like this:

b9c0d825c9cb14bc7c00254a386e94bb011

Combining this with jCarousel, which is another jQuery plugin, and you can scroll through a list of thumbnails at the same time. The two compliment each other nicely. read more