Most Popular Scripts | JavaScript | Scripts & Programs | Image Effects

Bouncing Images is a Dynamic HTML script that adds a number images to your document that move around bouncing back and forth off the edges of the browser window. Any number of images can be added to your document that travel around continuously at different speeds & angles.

Jquery lightbox effect / image overlay effect script allows the user to present the images on current page over the content which makes the rest of the page to appear fader.

This presentation is a mixture of slide show and image gallery. It looks more like photos spilt from a box onto the tabletop than an album. The script will first determine the size of the user's screen and will open the largest possible window. All the images in the directory are dealt in random sequence onto the screen one after the other in set intervals and distributed over the available space in random order. Users can drag the images with the mouse, shuffle them, play with them. Script uses PHP to generate JavaScript. All you have to do is upload the file to the directory where your images are situated.

Summon a group of Cupids to circle about on your webpage, then disappear, with this DHTML effect. A great accessory to put up during special occasions such as Valentines.

A very simple and powerfull PNG Allow Transparency javascript !!!! Normally, IE will not support PNG transparency and display an unpretty blank instead....... this script will fix that!!!!

I am using the JQuery Simple Controls Gallery from Drive DHTML (dynamic html) & JavaScript code library . One of the requirements is to read the images information from a XML file. After spending some time researching for it, I found the article Reading XML with jQuery. I have put together these two findings and include a brief explanation to it. Hope someone will find this information useful. Comments are welcome.

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)

Embeds an image viewer (clickable thumbnails) requiring NO code changes to the webpage . Script allows for right and left scrolling of thumbnails that when clicked opens an auto-resized window for full image view. MANY setup controls available (colors, borders, size, placement in page). Setup controls are contained in one easy to use setup file. Tested in Internet Explorer 6.0, Firefox 1.0, Opera 7.54u1, and Netscape 7.2 (runs in most latest DOM Compliant browsers)

Instead of simply rotating and displaying images, this image slideshow glides each one into view from the very top. A classic DHTML effect.

No framework or other 3rd part code used. Accessible. Your visitors with JavaScript disabled will still be able to use every gallery. Cross-browser. No coding needed. You may have as many slideshows on the page as are practical - there is no hard limit. Create the markup for your galleries, the code does the rest. Insert, delete or rearrange images as needed. Images may be different sizes, file types and have different paths. Any image may also be a link. Smart Start(tm) means that only one gallery rotates at a time. Smart Start(tm) activates a gallery on hover over/out, while pausing all the other galleries. Optional gallery description. Optional onmouseover caption. Optional reverse direction click box. The "title" attribute of the gallery container div contains all settings in a comma separated string. Simple, complete instructions are in a "comment" at the top of the section.

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.

Apex Slider is easy to use jQuery image gallery and banner rotator with animated captions, responsive layout and touch support for mobile devices. Responsive, FullWidth, Fixed or Custom sizes are available. Multiple Transitions. Device friendly, works in iPhone, iPad, Android Devices and Windows Phone. Public API to control the slider externally. Images and thumbnails can be dynamically resized. Super smooth hardware accelerated CSS3 transitions for supported touch devices with jQuery fallback. Mobile touchscreen support. Auto slideshow with optional pause on hover. SEO optimized. Bullets, Thumbnails, NavBar and Arrows for navigation. Customizable interface (add/remove arrows, bullets). Set Round, Round Blue, Round Black, Number or NavBar navigation styles. Show Bullets/Arrows on hover or always. Set Horizontal/Vertical navigation offset. Set Size and Amount of visible Thumbnails. Play Once option to stop at the end of slides. YouTube & Vimeo videos.

Image Power Zoomer gives any image on your page the ability to be magnified when the mouse rolls over it. A "magnifying glass" that appears over the image lets the user zoom in on any portion of it as it follows the cursor around. Furthermore, the magnification power can be adjusted on the fly by turning the mouse wheel back or forth, just like in many graphics programs.

This script (and the explanatory text) allows you to create buttons and images that change when your visitors' mouse cursors hover over them. It is useful for buttons that automatically depress and pop-up, menus and other image tricks.

A script that makes any image(s) appear dull before the mouse moves over it; as the mouse moves over it, the image gradually changes to its original appearance. Use it to instantly add stunning onMouseover effects to your menu images.

jQuery based inline image viewer. Loads the desired image on top of the rolled over element.

One inherent limitation of most slideshow scripts is that they can only display one image at a time, making it cumbersome for your visitors to go through them in cases where there's a long list of images to show. Well, this image slideshow supports "multiple frames", so you can display more than one image at once.

This script loads a new image of a different size and sets the size correctly for the replacement image. This is set to work for IE only.

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.

Plus Size Image Viewer automatically adds a caption beneath certain images that when clicked on launches a "plus size" version of the image. The enlarged image can be a different image from the original, so the former is loaded only on demand when requested.