To make this possible you must write inside your page:
Place inside your <HEAD></HEAD> HTML tag:
<HEAD> <script language="JavaScript1.3" src="js/euDock.2.0.js"></script> <script language="JavaScript1.3" src="js/euDock.Image.js"></script> </HEAD>
<script> euEnv.imageBasePath="js/"; var dock = new euDock(); dock.setAnimation(euMOUSE,0.3); //added from previous (simple) tutorial dock.animFading = euRELATIVE; dock.setBar({ left :{euImage:{image:"barImages/dockBg-l.png"}}, horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, right :{euImage:{image:"barImages/dockBg-r.png"}} }); dock.setIconsOffset(2); dock.addIcon(new Array( {euImage:{image:"iconsEuDock/cube.png"}}, {euImage:{image:"iconsEuDock/euDock-red.png"}}), {link:"http://eudock.jules.it"}); dock.addIcon(new Array( {euImage:{image:"iconsEuDock/cube.png"}}, {euImage:{image:"iconsEuDock/euDock-red.png"}}), {link:"http://eudock.jules.it"}); dock.addIcon(new Array( {euImage:{image:"iconsEuDock/cube.png"}}, {euImage:{image:"iconsEuDock/euDock-brown.png"}}), {link:"http://eudock.jules.it"}); dock.addIcon(new Array( {euImage:{image:"iconsEuDock/cube.png"}}, {euImage:{image:"iconsEuDock/euDock-gold.png"}}), {link:"http://eudock.jules.it", fadingStep:0.1}); dock.addIcon(new Array( {euImage:{image:"iconsEuDock/euDock-red.png"}}, {euImage:{image:"iconsEuDock/euDock-brown.png"}}, {euImage:{image:"iconsEuDock/euDock-gold.png"}}, {euImage:{image:"iconsEuDock/euDock-green.png"}}, {euImage:{image:"iconsEuDock/euDock-blue.png"}}, {euImage:{image:"iconsEuDock/euDock-purple.png"}}), {link:"http://eudock.jules.it", fadingStep:0.02, fadingType:euOPAQUE}); dock.addIcon(new Array( {euImage:{image:"iconsEuDock/cube.png"}}, {euImage:{image:"iconsEuDock/euDock-purple.png"}}, {euImage:{image:"iconsEuDock/E.png"}}), {link:"http://eudock.jules.it", fadingStep:0.1, fadingType:euFIXED}); dock.addIcon(new Array( {euImage:{image:"iconsEuDock/euDock-red.png"}}, {euImage:{image:"iconsEuDock/euDock-brown.png"}}, {euImage:{image:"iconsEuDock/euDock-gold.png"}}, {euImage:{image:"iconsEuDock/euDock-green.png"}}, {euImage:{image:"iconsEuDock/euDock-blue.png"}}, {euImage:{image:"iconsEuDock/euDock-purple.png"}}), {link:"http://eudock.jules.it", fadingStep:0.02, fadingType:euTRANSPARENT}); dock.addIcon(new Array( {euImage:{image:"iconsEuDock/cube.png"}}, {euImage:{image:"iconsEuDock/euDock-green.png"}}), {link:"http://eudock.jules.it", fadingStep:0.1}); dock.addIcon(new Array( {euImage:{image:"iconsEuDock/cube.png"}}, {euImage:{image:"iconsEuDock/euDock-blue.png"}}), {link:"http://eudock.jules.it"}); dock.addIcon(new Array( {euImage:{image:"iconsEuDock/cube.png"}}, {euImage:{image:"iconsEuDock/euDock-purple.png"}}), {link:"http://eudock.jules.it"}); dock.addIcon(new Array( {euImage:{image:"iconsEuDock/cube.png"}}, {euImage:{image:"iconsEuDock/euDock-purple.png"}}), {link:"http://eudock.jules.it"}); </script>
|