New Scripts | JavaScript | Scripts & Programs | Image Effects

The HTML5 doc-type is not necessary for the banner to work on your webpage. Use this sexy and stylish banner slideshow to spice up your website Set image and thumbnails dimensions Set number of columns and rows to split image Set transition settings (speed, easing, distance…) 2 directional movement (left and right) Thumbnail preview included Unlimited captions allowed Captions can be linked Set slideshow delay Pause slideshow on rollover (optional) Circle filling preloader included Slider controls optional (previous, pause/play, next) Thumbnail navigation optional

A Javascript class used to create and manage canvas progress bars. Customizable colors and opacity for background, foreground and blocks in the bar Customizable width, height, borders and corners Functions to set and get the actual progress / position Works very well on every type of backgrounds Horizontal or vertical Framework independent

I love the web and how open things are. However, there are times when you want to protect your images. Artists and photographers are a good example - they often have to resort to show small, low quality images with watermarks ontop, which ruin the image. It's not a great solution by any means, yet website owners reluctantly put up with it. If only there were some way of showing your images as you'd like but make it difficult for users to take your images. Well, with ImageGuard, you can! Just follow the simple steps to move your image to a safe location, set the options you'd like to protect your image, make some minor changes and ImageGuard does the rest - helping to protect your images using a variety of tricky deterrrents. It takes just a few minutes to read the guide and get your website set up plus each image can then be setup to be protected in under a minute;

The slide show can cycle through a pre-defined list of images. The images are pre-loaded at initialization. Transition between images is a simple fade (adjustable speed). Available controls (as functions) for the slide show include play, pause/stop, next, previous, random image, play random order, or set specific image. Settings include transition speed and frame rate. Ease of implementation was important during development. The slide show requires only three lines of code to operate: an array of images (one line), initialization with settings (one line), and a command (play, next, etc.) (one line). In the file download, both the fully documented code and a minified version is contained in the ZIP file. Compatible with IE5+, Firefox 0.9+, Safari, Opera 9+, and Chrome

This object can display a QR code images using the Google Charts API. It can create an HTML IMG element inside a given page element with an URL of Google Charts API that serves a QR code image with a given information. Currently it can generate QR code images for HTTP links, bookmarks, send SMS messages, phone numbers, person contacts, e-mail addresses, geographic locations, WIFI accesses or any type of text content.

* No coding needed - just create the markup for each gallery, the code does the rest * Accessible - your visitors who have JavaScript disabled will still be able to use every gallery * Tested in IE and Firefox * 3 defined thumbnail sizes from which to choose * Click a thumbnail for a centered, full-size image with gray overlay effect * Captions, onmouseover the full-size image, are optional * Maximum 15 galleries per page * Maximum 36 images per gallery * A ...config.js file has a few variables to customize Great for: * Real Estate Agents, Brokers & Homesellers * Photographers * Bloggers * Retailers and Ebay sellers * Create your own family photo album site Clicking on a thumbnail image opens the centered, "full size" image, subject to the fullSizePct variable. Most digital photos are too large to fit comfortably inside the average screen. The fullSizePct variable will help manage that. The code is not affected by popup blockers.

The Javascript Image Slideshow is a great way to display a series of images on your website. They neatly move from one to the next, and your visitors can easily navigate the images through the navigation controls. Easy to customize appearance through Stylesheet and properties Very lightweight script Very simple to add new images Many properties of the slideshow can be configured Easy to add into your pages; very little coding needed ...and more features inside! Just download it now and give it a try! This control has been tested in modern versions of the following major browsers: Internet Explorer, Google Chrome, Firefox, Safari, and Opera.

This free copy and paste JavaScript adds a unique CSS3 rotation and zoom effect to your slideshow. Each slide can be linked and commented. The special effects are supported by CSS3-ready browsers (FF3.6+, Safari 4+, Google Chrome 4+, Opera 10.5+). All other browsers will display a nice zoom-in zoom-out slideshow without rotation effect.

Photoshow helps website writers and publishers to automatically select Flickr images for publishing. With Photoshow, all you need to do is to define selection criteria for the images, the amount of images to show and the time interval between images. It's packaged as an extension for Adobe Dreamweaver, so doesn't require hand coding.

A collection of images can be viewed in any ordered sequence using manual/auto slide show script.

Display the gallery of images in a single slideshow using multiple image slideshow script

The simplest way to preload an image is to instantiate a newImage() object in JavaScript and pass it the URL of the image you wantpreloaded.

Features: Image preloader Custom image with custom background color Link on the images Mouse wheel controller Keyboard controller Easing support Tranzition types : Zoom (you can set up your zoom size) & Fade Autoplay function (with adjustable autoplay speed) And more..

This simple JavaScript image-slider combines a smooth slide effect with opacity effect (transparency). You may add as many pictures as you like. Each picture can be linked to a separate URL. Easy 1-minute-configuration of pictures, comments, links and size. Browsers: Internet Explorer 6x/7x/8x, Firefox 2x/3x, Opera 7x/8x/9x/10x/11x, Google Chrome 3x/4x/5x/6x/7x/8x/9x/10x.

DragPic is a complete showcase tool written as a Mootools 1.3 Class (also compatible with Mootools 1.2.5), which allows you to create versatile image galleries: Create online catalogues, professional photographic portfolios, iPhone like galleries, online magazines and more creative solutions based on an extremely didactic user interface. You can also enable the navigation buttons and frames number or even use the mouse wheel to scroll the gallery. Highly customizable and simple; this powerful tool can be the right solution for many of your projects. Drag, Click or Scroll.. you’re ready for DragPic Gallery by @davoscript!

You have the option to use either XML or HTML . The powerful API will allow to further enhance the functionality of this jQuery plugin and make it possible to easily integrate it into your own application. Features: supports XML and HTML easy to customize multiple Grid Accordions on the same page supports captions with simple text or HTML text you can add a link to each panel auto slideshow mode shuffled panels public methods which allow you to control the accordion using outside input (e.g. openPanel(3), nextPanel(), previousPanel(), getPanelAt(2) etc.) callback functions

The Javascript Image Magnifier allows pictures on your webpage to have areas magnified when a user places their mouse cursor over them. This allows larger images to be viewed at full quality and in full detail whilst not requiring them to take up a large area of a page.

Free JavaScript slideshow with thumbnail gallery, zoom-in-effect, zoom-out-effect and transparency-effect (opacity). Add as many pictures as you like. Each picture can be linked and commented. The thumbnail gallery can be displayed or hidden. True copy-and-paste installation. Most of the design can be set with CSS (within the style-tags). By touching the thumbnails with your cursor you can interrupt the animation and switch to the desired image. Works with Internet Explorer 5x/6x/7x/8x/9x, Firefox 3x/4x, Opera 7x/8x/9x/10x/11x, Google Chrome 4x/5x/6x/7x/8x/9x.

But the main cause for creation of the plug-in was to give websites’ users amazing live-background experience. Features: Animated backgrounds Auto play Pause on hover Bullets list or thumbnails navigation Prev/Next arrows Hide arrows on mouse out Captions / any in-line content

Using HTML5 markup, CSS3 properties and transitions where available, and optimized code, Accordion Gallery is both powerful and flexible, being very easy to set up, customize, and even create your own themes. Besides all of this, it includes support for mobile devices. Using CSS3 transitions the gallery has the main benefit of being hardware accelerated on these devices, making the effects faster and more responsive.