Binary Clip

I saw an image one developer created that has this over his face, and I thought how cool this would be if it was actually moving, so I created this plugin. It is the most simple and ready to use plugin I have created, even though it is not the most CPU friendly. In order to set this up, I added a black and white image as the background-image in “#binary-image, and added background-color:black to the “#binary-image”‘s container.

  • Click here to download the zip of the Binary Clip plugin.
$(document).ready(function(){
	var Binary = new binaryClip({ el : '#binary-image', speed :128 });
	Binary.animateBinary();
});

Here are the default option settings

  • el : null
  • speed: 128

Options

el

This option is required. The javascript object you want the effect attached to.

Speed

This is how many numbers are added per interval.

Methods

.animateBinary()

This will animate the binary effect coming in.

  • Click here to view method effect.

.instantBinary()

This will instantly add the binary code.

  • Click here to view method effect.

.removeBinary()

This will animate the binary effect removing.

  • Click here to view method effect.

.instantRemove()

This will instantly remove the binary code.

  • Click here to view method effect.