11 Wonderful Resize Image JavaScript Tools

1. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. Advanced javascript API considered. Developed with pure object oriented javascript. Fixed issue with simple jQuery lightbox in iOS

More Details

2. Zozo Tabs

featured image

Zozo Tabs is a user-friendly, fully customizable, responsive jQuery tabs plugin to take any HTML content, including images, video, forms, maps, image slider and galleries and display it in a clean organised and responsive tabbed navigation. Added: Option responsiveDelay for stacking tabs on resize window

HTML Content – Put absolutely any HTML content, images, video, forms, maps, image slider and galleries

CSS3 and HTML5 – All content is allways accessible to search engines and markup semantically correct to help you achieve the best possible SEO-friendly results even without JavaScript enabled.

More Details

3. jQuery Mega Image Viewer - animated zoom and pan

featured image

The mega image viewer jQuery plugin allows you to easily replace <div> tagswith animated image viewers. Viewer used for displaying high-resolution object (image – JPG, PNG, GIF). Possible viewport resize on runtime. Cross-browser compatible – Image Viewer is compatible with IE, CHROME, FIREFOX, OPERA, SAFARI. set image source from javascript {“contentUrl” : “images/my_image. set image source from html <img src=”images/my_image. Set image scale method.

More Details

4. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Image Slider

Image Gallery

Image Gallery with Vertical Thumbnail Navigator

If responsive feature is enabled, when window of browser resize, the slider size will respond to window width at real time with no delay, no stop of animation. No-Jquery minimum 15KB javascript code by smart compression. Javascript code deep compression by smart compression engine

More Details

5. PHP Graphic Works

featured image

If you want to apply multiple efects or filters at once, create image reflections, create image thumbnails, create image watermarks, apply image masks, do text rendering, do image blending, do batch image processing, and you don’t want to use expensive image manipulation software like Photoshop, then PHP Graphic Works is the perfect tool for you. You can can choose from a very large image effects and filters library, apply them as “in-line” or “on the fly” style improving your site design and overall image.You can use Blend if you want to overlay a watermark or other image that contains transparency information.WiseLoop PHP Graphic Works is a set of PHP classes designed for photoshop image manipulation on the server side.This package allows complex image processing in a flexible manner, by using only a few lines of code. Thus, the image processing commands can be specified in an Fx Chain which is then parsed by the effects processor to be applied over the source image.The caching feature, prevents useless processing by storing the resulting images for a given set of effects, improving the processed image output speed.By using live-type characteristics of this package the Fx Chains can be applied to images on the fly, thus, the resulting image can be displayed directly in a html img tag.There is also a batch processor that enables applying an Fx Chain over an entire image directory.Service information feature enables the development of JavaScript applications allowing them to be aware of the effects available, and the parameters required by the effects. (see demo application Image Editor)The choosen programming model allows the extension library of effects and permits using this package in a flexible and intuitive manner.In conclusion, this package is not just a way to apply effects on images, it is a powerful image framework tool that due to its dynamic characteristics can significantly improve the overall image of web sites and helps developing JavaScript applications that do image processing on the server side (image editors, galleries, etc.complete collection of image manipulators: rotate, crop, resize, scale, stretch, flip;

large collection of image filters: blur, sepia, grayscale, negative, contrast, brightness, gamma, saturation, hue, smooth, sharpen, channel, colorize;

drawing primitives: text or image blending, so image watermarks can be applied;

applying effects on selection or entire image;

image folder batch processor;

effects service info available (JSON format) for easy integration with JavaScript applications;

Image Editor

Image Gallery (included in package)

Tags: image, photo, image manipulation, image blending, image filters, image effects, reflection, thumb, effects library, drawing primitives, json service, watermark, image batch processing, chained image effects, image mask

More Details

6. jSliderPro

featured image

jSliderPro gives the option to set an image for navigation buttons and bullets.On-the-fly image resize and clip.Javascript callbacks to interface with other programs. Resolved a little problem happening after the resize event.

More Details

7. Builder for Lush Content Slider

featured image

Javascript code invocation

Slider background image settings

Resize height, width or both

Custom image path

More Details

8. Megafolio Gallery jQuery Plugin

featured image

<script type="text/javascript">

Try our fullwidth example and resize the screen for a preview.Aaaand you can deeplink to anyone image of your gallery, use our Background Rotator, the filter function for categories…

You just need to know little HTML and Javascript.

More Details

9. Smooth Zoom Pan - jQuery Image Viewer

featured image

This is a javascript / CSS based image viewer prepared to display product photos, maps or any image within custom small area.Fit or Fill the image

Max width and height (for window resize)

A new method added to resize view area any time after initiation

Landmarks can resize on zoom (Except IE8 & below)

Custom alignment – on clicking reset button aligns the image in specified way

     - On Image Load.

More Details

10. Jssor Slider No-jQuery Version, TOUCH RESPONSIVE

featured image

Image Slider

Image Gallery

Image Gallery with Vertical Thumbnail Navigator

If responsive feature is enabled, when window of browser resize, the slider size will respond to window width at real time with no delay, no stop of animation. No-Jquery minimum 15KB javascript code by smart compression. Javascript code deep compression by smart compression engine

More Details

11. Image Crop

featured image

The UI differs from other croppers, here you may drag the image into position and even resize it. The UI differs drastically from traditional image croppers. For example, if the image proporations do not scale to the predetermined aspect ratio, then the image will automatically zoom in until it does scale. You haven’t got to touch any JavaScript.php file, where the image is cropped using imagemagick.

More Details