aewebsolutions / clayfy Goto Github PK

    <div id="demo-2" style="width: 100%; height: 100%;">
		<!--<iframe src="https://www.youtube.com/embed/X73BuOMt7ho" allowfullscreen="" width="318" height="180" frameborder="0"></iframe>-->
		<img src="https://docs.sencha.com/extjs/4.2.2/extjs-build/examples/resizer/stones.jpg" width="200" height="150" />
	</div>
    <script>
        var $demo2 = $('#demo-2');
        var writeSize = function(){
            $demo2.html( $demo2.width() + ' x '+ $demo2.height() )
        };
        
        $demo2.clayfy({
            type : 'resizable',
            minSize : [30,50],
            maxSize : [600,300],
            className : 'custom-handlers',
            preserveAspectRatio : false
        });
        $demo2.on('clayfy-resize clayfy-cancel', writeSize);
        
        writeSize();
    </script>