EasyUI Forum

Hi,

  My code:
   <div style="position: absolute; left: 50px; top: 60px; width: 80px; height: 200px;
                    z-index: 1;cursor:pointer;text-align: center;">
                   <div style="margin-left: auto;margin-right: auto;" ><img title="ZOOM IN" onclick="bigit();" src="../../EMapImg/zoom_in.gif" /></div>
                    <div> 
                    <input id="ss" class="easyui-slider" value="12" style="height: 140px;width:26px;" />
                    </div>
                    <div style="margin-left: auto;margin-right: auto;"><img title="ZOOM OUT" onclick="smallit();" src="../../EMapImg/zoom_out.gif" /></div>
                </div>

<script type="text/javascript">
$('#ss').slider({
        mode: 'v',
        tipFormatter: function (value) {
            return value + '%';
        }
    });
</script>

 I tried many ways ,but failure.The slider still stay on the left side of the div layer

 Anyone can achieve!
 Thanks!
 Blari