Home & blog  /  Scripts  /

Sliding block puzzle game

This is a Javascript/jQuery-powered simulation of the sliding block puzzle game, where a picture is broken up into blocks, randomly positioned, which are then one-by-one slid around to recreate the picture. The script allows you to specify the pic URL and the number of blocks you want the picture to be split into. You can even let the user stipulate the URL to another picture to use.

5 comments | post new

Carousel with wrap effect

This carousel actually wraps slides as they're bumped off the edges. That is, if a slide is bumped off the right edge, it reappears in equal measure from the left edge. The 'on' slide is always centered, widened and given full opacity. The other slides huddle around it, narrower and semi-opaque. An auto-rotator turns on each slide in turn, or you can force a slide on by clicking it (interrupting the auto-rotate). Clicking the 'on' slide takes you to its corresponding URL, specified in the config file.

14 comments | post new

Spraycan - vandalise your page

Spraycan is a pointless if mildly entertaining plugin that allows visitors to treat your site as a graffiti wall. They can paint anywhere on the screen by clicking and dragging the mouse. A tools panel allows them to select the colour and size of the brush. A button to the top right of the screen, put there by the script, closes the plugin and returns to seriousness.

9 comments | post new

jQuery drop-down selector

Dropdown is a Javascript/CSS-powered simulation of the in-built <select>, but more tangible. It can work either as a navigation tool or as a form field. In the case of the latter, a value is submitted to the server once the form is submitted, just as you'd expect with a real <select> element.

11 comments | post new

Blockster transition effect

Blockster is a Javascript transition effect designed for 'featured content' rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It is highly customisable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, and more.

65 comments | post new

Match elements via REGEXP in jQuery

This script allows REGEXP matching as part of jQuery's selector chains. It includes a plugin which provides a .regexp() method as part of a chain, and also an extension, which provides a :regexp pseudo selector.

2 comments | post new

GD barchart generator

This is a barchart generator built using PHP's GD image library (GD is normally installed on most PHP builds). It accepts a number of parameters in the <img>'s src and you can also set more global settings in the file itself, giving you full control over what data is displayed, in what colours, sizing, fonts and more.

5 comments | post new

UI for Postcode Anywhere address look-up

This UI for the Postcode Anywhere look-up service takes the hassle out of integration. Just set a few vars in the JS file, call it into your site, and the script does the rest. It DOM-scripts all the relevant elements that support it, such as the look-up <link>/<button> and the neat scrolling <div> that then appears beneath your field that displays returned addresses as links. Clicking one populates your form - it's that simple.

post a comment