With today’s post I will show you a contrived example to get you started. I eventually hope to add this to the contextMenu.js jQuery plugin that I use, but for now this should be pretty straight forward. I do want to note that in the demo and download I am loading the latest version of the jQuery library (1.3.1) from Google’s CDN for the first time in any of my posts. For more information on how to do this see the instructions from Google

Published under: Content

ToobPlayer is a lightweight (approx. 14-18 KB) FLV player component that comes in five flavors, provides a mechanism to play back YouTube Videos, and can also display preview images.

ToobPlayer also provides other features:

  • Resizable, optional full-screen mode
  • Several video resize modes
  • Loading status feedback
  • Mouse-wheel support (seeking/volume control)
  • Auto-repeat, buffer time
  • Customizable
  • Extensive API

 

Published under: Video | MIT License

The idea of the gallery was probably born, when Björn Crüger first saw a CU3ER image rotator by brilliant Stefan Kovac implemented in a website. He was particularly fascinated by the effect of slicing an image up to pieces, turning the elements and recreating a new image from it.

From that day on, Björn Crüger was thinking about creating a gallery concentrating on such an effect and playing with it. With just a few variables this effect becomes extremely versatile. The Piecemaker uses the mighty Tweener engine from Caurina, which makes it support plenty of tween types for the transitions, such as Cubic, Bounce or Elastic.

Beside the transition type you can also customize tweening time, tweening delay as well as the movement of the cubes while tweening in terms of position on the z axis and positions to each other. With Piecemaker you can make the cubes move towards the screen or away from it and let the whole gallery expand while tweening. This provides you with a lot of possibilities customize the gallery.

 

Published under: Gallery | MIT License