Projects tagged ‘resize’ and ‘scale’

AboutImagetool is a simple plugin for jQuery providing basic panning and zooming capabilities for images. It works by wrapping the selected image in a (the viewport) and manipulates css properties ... [More] based on user input. Try the demo Usage$("img").imagetool(options); Options name type required default description allowZoom boolean no true If true, the image is zoomable. allowPan boolean no true If true, the image can be panned. maxWidth number no 2000 The maximum width of the zoomed image in pixels. viewportWidth number no 320 The width (pixels) of the viewport. viewportHeight number no 180 The height (pixels) of the viewport. callback function no none A function that is called after the image has been panned or zoomed. loading string no none Path to an image that is shown while the main image loads. topX number no none Top left corner of the initial visible area. topY number no none Top left corner of the initial visible area. bottomX number no none Bottom right corner of the initial visible area. bottomY number no none Bottom right corner of the initial visible area. [Less]

This jQuery plugin makes it easy to have images resize horizontally and vertically to fit the available container width. It is useful for flexible or fluid web page layouts or when the you don’t ... [More] have control over the dimensions of the images being loaded. How to useIn your HTMLLink the plugin into your page along with jQuery: In your JavaScriptWhere '#content' is a jQuery selector for the container (or containers) inside which you want images to resize: $(function(){ $('#content').imagefit(); });If the images do not have widths and heights explicitly set it is important to ensure they are loaded before the plugin is applied: $(window).load(function(){ $('#content').imagefit(); });Only images whose native size is wider than their container will be resized. Resizing the browser window will cause the images to scale dynamically. Works beautifully in webkit. Needs some work before it is Internet Explorer friendly. More infoDemo http://www.ollicle.com/eg/jquery/imagefit/ Original http://www.ollicle.com/2007/aug/17/nnwstyle_jquery_template.html Used in http://wordpress.org/extend/plugins/wp-imagefit/ [Less]

MooWrangler constrains a DOM element to a new size using the MooTools JavaScript framework. It will scale the image to best fit the constraints, and crop or pad as directed.

We think that App Engine is a great product, but it lacks some features. We created external services that aim to fill this gap. Using our services you can do things that are impossible to do on raw ... [More] App Engine. This project is a set of examples that shows how to use our services. [Less]