here is the code http://tympanus.net/codrops/2011/03/16/expanding-image-menu/ i would like to know how to put this into my html code.
It is described at your link. You have to include javascript and CSS files. If you have the same size of the picture, you will probably not change css. In other case you need to carefully calculate positions and replace them in css. In the attachment there are extracted files you need. I hope it helps... If you need to implement it to your webpage, feel free to PM me. View attachment demo.zip
Things to remember, you should put the plugin script after the jquery main script. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript" src="path/to/your/script/file.js"></script> Code (markup):