Home & blog  /  2010  /  Oct  /

Blockster - fixed for jQuery v1.4.3

posted: 28 Oct '10 14:00 tags: block, transition, effect, rotation, slideshow, Javascript, jQuery

Thanks for the reports that Blockster wasn't working with the latest release of jQuery, 1.4.3. This is now fixed, and you can re-download the source here.

I would hesitate to say this was a jQuery bug, but it certainly seemed like one. For some reason, values set via the .css() method were being set, but read back as 0, e.g.

1$('#something').css({left: 15+'px', top: 20+'px'});

2alert($('#something').css('left')); //alerts 0px, not 15px

In jQuery 1.4.2, there was no issue. Anyway, some fudge later involving tracker variables, this is fixed. Phew.

2 comments | post new

Like my work? Remember it's free...

posted: 26 Oct '10 16:36 tags: donate, me

As regular visitors of my site will know, I post my scripts for free and do my best to make them not only impressive but also easy to integrate.

So you'll forgive me sticking a 'donate' button on the page. Optional, of course, but if one of my scripts has ever helped you - not to mention saved you a load of time - please consider a small donation!

post a comment

JAWS: news ticker and mini accordion

posted: 24 Oct '10 11:32 tags: ticker, accordion, headlines, jaws, Javascript, jQuery

Jaws is a somewhat schizophrenic half-accordion, half-ticker thing. Its purpose is to scroll through headlines and optionally transform to reveal more info and a picture about each one, as well as link to a resource.

Head over here to download, get usage info or view a demo.

Jaws paginates your items into folds. It auto-scrolls through them (optionally) and provides links for you to jump to certain folds.

Clicking an item opens the widget's 'jaws' (hence the name), to reveal more info about that item and an associated picture. Clicking it again takes you to its associated URL.

Confused? It makes perfect sense if you see the demo.

As ever, it's totally customisable. The source download includes a stylesheet. The curvy corners will of course not show in IE, but you can get round this issue via my CurveMe plugin.

1 comments | post new

Sliding block puzzle game in Javascript

posted: 03 Oct '10 15:34 tags: puzzle, slide, jQuery, Javascript, game, drag

Just posted this in the script section. It's a JS/jQuery-powered version of the classic sliding block puzzle game that was popular with kids in decades past.

Head over here to download, get usage info or view a demo.

This version allows you to specify the URL to an image to use (not necessarily on your server), the number of blocks to break it into and randomly shuffle, and even whether to allow the user to specify the URL to another picture.

If so, a form field displays and the user can enter the URL to a picture which, once loaded, restarts and resizes the puzzle with that new image.

Enjoy!

post a comment
older posts >