Change Image transition with Javascript

Question

I have got already the css and the html structure, but the javascript it is not working, and the effect is nice, I want to get this image effect: http://www.ustream.tv/new (the blue one)

I have already tried but i dont get it: http://redzer.com.mx/img.html

What am i doing wrong? Please help me.

Answer 1

Add this into your page

<script type="text/javascript">
ustream={};
ustream.timing={};
ustream.timing.firstByte=(new Date()).getTime();
</script>

EDIT

After that $ is missing, it's probably jQuery . Import it than try

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

EDIT 2

You are missing this :

<script src="http://static-cdn2.ustream.tv/packed/l10n/en_us/v6_home:13721527971.js" type="text/javascript"></script>

EDIT 3 Import this :

<script src="http://static-cdn2.ustream.tv/packed/l10n/en_us/v6_header_static_framework:13718193491.js" type="text/javascript">

You can use FireBug plugin in FF to see console errors