rotate.xml

<?xml version="1.0" encoding="UTF-8" ?> 
<Module>
    <ModulePrefs title="Rotate image" /> 
    <UserPref name="image" display_name="Image" />
    <UserPref name="func" display_name="Function" />
    <Content type="html">
        <![CDATA[ 
        <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
        <script type='text/javascript' src='https://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js'></script>
        <script type='text/javascript' src='https://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js'></script>
        <script type="text/javascript">

            var prefs = new gadgets.Prefs();

            function getImg() {
            img = $($("div").get(0).firstChild);
            }

            $(document.body).append("<div><img id='#img' src='"+prefs.getString("image")+"'></div>");
            var img = document.getElementsByTagName('img')[0];
            eval("var obj = "+prefs.getString("func"));
            $(img).rotate(obj);
            


        </script>
        ]]>
    </Content> 
</Module>