slider and css problem

slider and css problem

 i can not change image properties

  1.         <script>
                $(function () {               
                    $("#sw").slider({
                        orientation    : "horizontal",
                        range        : "min",
                        min            : 0,
                        max            : 2000,
                        value        : $("#i1").width(),
                        slide        : function (event, ui) {                    
                        }
                    });

                     $("#sh").slider({
                        orientation    :"horizontal",
                        range        : "min",
                        min            : 0,
                        max            : 2000,
                        value        : $("#i1").height(),
                        slide        : function (event, ui) {                                          
                        }
                    });       
                   
                     $("#br").slider({
                        orientation    :"horizontal",
                        range        : "min",
                        min            : 0,
                        max            : 1000,
                        value        : 0,
                        slide        : function (event, ui) {                                          
                        }
                    });   

                       
                    $("#i1").css({
                        "height"    : $("#sh").slider("value"),
                        "width"     : $("#sw").slider("value"),
                        "border"     : $("#br").slider("value")
                       
                        })
                });
            </script>
        </head>
       
    <body>
    <p>
         
         
      
           <input type="text" id="am" style="border: 0; color: #f6931f; font-weight: bold;" /> <br/>
       
            W : <div id="sw" style="height: 10px; width:200px;"></div><br/>
            H : <div id="sh" style="height: 10px; width:200px;"></div><br/>
            B : <div id="br" style="height: 10px; width:200px;"></div>
        <!--<div id="div1" class="c2"></div><br>-->
        <br/><br/>
            <img  id="i1" src="images/r1.jpg" width="900" height="400" border="10">