New Scripts | JavaScript | Scripts & Programs | Image Effects

A simple image gallery where the images are sliced and fade in one piece at a time. Not one image needs to be sliced or edited to work with this plugin, in fact the plugin handles everything itself. You can choose the direction in which the transition occurs from left to right, right to left, top to bottom, or bottom to top. You can set the initial delay before the transitions begin, set the transitions to loop or stop after the last image, set the time it takes for each panel to appear, and set the delay between the images.

The other day, yet again, I went looking for a jQuery plugin that moved a set of images inside a display area. I'm not sure if this is a carousel, a gallery, a slideshow, or what. They all seem to share many common characteristics, but regardless I wasn't able to find what I wanted, although I did find several different plugins that did part of what I wanted to do, which was to generate a simple unordered list of images and optionally have a caption for each one. If a visitor doesn't have JavaScript enabled (yes both of them) they should still be able to see the images, but for the 99.9% of the web population that does have JavaScript enabled, they should get a simple, slick carousel of images.

I was reading the New York Times online and they had an article which showed a road in Brooklyn that had been reconstructed to make it safer and more pleasing to the eye. To show the difference in the reconstruction project, they showed a before and after picture using Flash that let the visitor drag a slider over the images, which were sandwiched with one on top of the other, so that you could easily see how dramatic the changes were. I immediately thought that this could be done in JavaScript using jQuery, so I set out to do it.

jQuery ImageWarp adds an interesting "warp" effect to select images on your page so clicking on them causes the image to expand temporarily before reverting back to the image's original dimensions. It's most useful when applied to hyperlinked images to create a delayed effect before the user is taken to the actual link.

xFlow! is a gallery application that has been built to answer the internet's demand for a fully functional Coverflow style gallery. Written in PHP and Javascript, it's a breeze to setup and administer, and boasts a wealth of features. Visit the official site for a full description.

This is a site logo/watermark script that lets you display a static image at any of the four corners of the browser, never going out of sight. It's useful for branding purposes, or to offer visitors an easy way to jump back to your site's homepage from anywhere on the page. The logo can be set to disappear after x seconds.

JAIPHO is iPhone optimized javascript image gallery component. The look and feel is inspired by original iPhone Photos application. With JAIPHO, your website gallery will be enhanced with "native" iPhone support. It is suitable to be installed on both mobile and standard websites which have any kind of images galleries. Here is a short features and advantages list: * Full iPhone optimized experience including images sliding effect and finger gestures * Both, thumbnails and full screen modes * Language independent. It is written in Javascript. You can use it with php, jsp, asp, ... * Published under LGPL. You can use it for free even on commercial sites.

An event based dhtml image crop script. You can use this script as a front end for image crop operations. The script is event based, which offers you a lot of flexibility. The script requires mootools

A gallery script that displays images as an automatic slideshow that can also be explicitly played or paused by the user. A "control panel" glides into view when the user hovers over the gallery, allowing her to play, pause, or cycle through the images on demand.

This script is intended to help webmasters allow their users to manipulate the images available on the site. What can you do with this script: Rotate the image. Resize the image. Crop the image. Save it to your hard drive. There are plenty of online image cropping scripts that are used on sites to create avatars, to scale , to crop images, for photo resize and photo crop - but Kroppr offers image rotation as well, without any plugin (flash or java). Version 1.1 brings PNG and GIF support, and improves the image processing components selection.

Tigra Fader is free JavaScript slide show component featuring cross-fade transition effect between the slides * Unlimited number of slides * Unlimited number of independently configured slide show on the page * Configurable cross-fade transition effect working in all modern browsers * Falls back to slide show without transition effect in older browsers * Optional shuffling of the slides * Images are cached in the browser at the page load time * Easy to configure, easy to interface with dynamic content * Commented open source code for those who learn DHTML programming * Comes with the documentation, samples and technical support * FREE for any kind of applications (donations supported)

Complete Background Image Rotator. Rotates background images by day of the month, or by day of the year, by hours, minutes, seconds, milliseconds and in order! Complete timing options! A Background Image Random rotator that cannot pick the same item twice in a row unless you want it to comes with this. Rotates background images behind web page elements or behind whole web pages! Rotate many back ground images, or only one at a time. All at the lowest price! Rotate all you own content, yourself!

Thumbnail Viewer is a Dreamweaver extension very useful for building scaled images over thumbnails. When you roll the mouse over an thumbnail, the scaled image is shown in a floating box with shadows and fade animation effects. For example if you have a group of images thumbnails on a page if you move your mouse over it will show a larger version of it.

FlippingBook free page flip is a set of JavaScript and SWF files running on your HTML page. When a page is loaded, the code contained in these files automatically builds in the flash album having such options as: zooming, printing, saving, contents, navigation.

inspired by the css-experiments on lofotenmoose.info this gallery was created without any script but working with pure html and css. tested with IE7, FF3, Opera 9.25 and Safari 3.1.1 (all on windows)

A simple slideshow-script, started onload or by link, the transition is fading, once started, the script runs nonstop. Display The script shows the given images in the selected DIV-container. It is started either automatically on page load or by the click on optional control-elements. On page load the script replaces the contents of the given DIV-container which gives you the opportunity to integrate a static picture or a notice (like: the slideshow requires JavaScript) thus providing a fallback for visitors with JavaScript disabled. The script with this update allows to use multiple slideshows on one page.

The script displays a rotating globe, using one image (although stichted together twice). It is tested with IE7, FF3, Opera9.25 and Safari 3.1.1 (all on Windows)

imgFader is a small and easy-to-use javascript (2.7 KiB), which generates a platform-independent, eye-candy slideshow by only needing an array containing some picture URLs. It is very suitable for generating a slide-show or enhancing the pictures on your website. Look at the examples to satisfy yourself.

Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific content on demand, or browse the gallery sequentially by stepping through x number of contents each time. A smooth sliding animation is used to transition between steps. The contents can be defined either inline on the page, or on an external file and fetched via Ajax.

Magic Magnify is a Flash zoom tool. On hover an elegant effect uses a magnifying-glass to show close-up detail of the product image. The size of the magnifier is easily controlled by your mouse wheel depending how large or small you want the image to be magnified. Magic Magnify can be used on any website, CMS, ecommerce site, shopping cart or blog. Simple to install, the Magic Magnify requires only two lines of HTML. Compatible with all major browsers. We also offer a full 100% money back guarantee. At just £29 for one license, this zoom functionality is great value for money. If you have a non-commercial website we will give you Magic Magnify for free. Follow us for the very latest on Facebook: http://www.facebook.com/MagicToolbox and Twitter: http://twitter.com/magictoolbox