What is EyeRoller?

EyeRoller is a program for Windows that takes a photo of a face, replaces its eyes with 'live' ones and makes them follow the mouse pointer.
It's an entertaining app to have on the desktop and it's rather fun and easy to create faces using photos of your friends or colleagues :-)

What is EyeRoller WEB?

EyeRoller WEB is a web version of EyeRoller, which means that faces created with EyeRoller can now be embedded in any web page!
If you have a personal page, a blog or an entire website you can put on your pages a face with the eyes that will follow your visitors' mice. You can use one of the already existing faces of the gallery, or you can create a new face from any photo.

Is this free?

Yes, it is 100% free. We only ask you to have a link pointing to this website.

Great! Let's get started!

Adding an EyeRoller WEB face to one of your pages is very easy: it is just a matter of coping and pasting a few lines of code in your page and uploading to your server the face you choose. That's all!

Implementation steps

There are two approaches to add EyeRoller WEB to your pages:
  - the first one, called "single jfa file", is the simplest for you to implement, but cannot be used on some blogs that do not let users upload .zip files (such as blogger.com);
  - the second one, called "sparse image files", is a bit more complex but can be used everywhere.
Depending on your host, you may have to use the second approach, but do not worry: it still is very easy!

Single .jfa file approach

1) copy the following code snippet and paste it into your page HTML, where you wish to have the EyeRoller WEB face.

2) upload to your webserver the EyeRoller face you created or downloaded from the gallery.

3) in the 6th line of the code snippet you just pasted, replace URL/to/theFace.jfa with the URL of the face file on your server (enter either an absolute or relative URL to the file)

You can see an example at the single .jfa file approach instructions page.


Sparse image files approach

This approach is a bit longer than the previous one. The complete procedure and an example are available at the dedicated page for this approach: read the sparse image files approach instructions.



This widget to run requires the user to have Silverlight installed. Silverlight is a cross-platform, cross-browser plugin for delivering the next generation of web applications. It can be compared to Adobe Flash to some extents, but it is much more.
It is available for major Windows and Mac OS browsers, and it is being ported on Linux too.

Things to know..

1) Currently you can't include more than one face per page.
2) If you know what you are doing, you can apply CSS rules to the EyeRollerControlHost div.
3) [applies only to the single jfa approach] The face file must accessible under the same domain address of your pages. For security reasons it is not possible to use face files hosted on different websites. Furthermore you will have to test the page in an actual server, not from your local disk (in details: EyeRoller WEB does not support downloads through the FILE scheme. This may be an issue if you are testing EyeRoller WEB locally in the file system, instead of deploying your page to a test server or to localhost).
4) [applies only to the single jfa approach] Some servers, if not configured properly, might not distribute .jfa files. This can be fixed by setting the allowed MIME types on the server or by renaming the face file to .zip (and changing the pasted code accordingly).

Sounds cool! What about an example?

Here it is: this is me, well, this is how I would look if I were one of the Simpsons characters :)

Imagine your face here, or a friend's one!
Check out the other samples on this site, download faces ready to be included in your page, or create a new face from scratch.