Open Source Resources for Web Application Developers

There are many popups and galleries scripts we can use, Multibox is one of them as well. Multibox is lightbox that supports images, flash, video, mp3s, html. You can set the color of the background or use a semi-transparent background. It supports Firefox 2 (mac / pc), IE 7, IE 6, Safari (mac). However, it requires Mootools v1.1+ to run properly.

Requirements: Mootools 1.1+
Demo: http://www.phatfusion.net/multibox/
License: MIT License

• 31 Comments

Lightview was designed from the ground up to make the overlaying experience as nice as possible. The idea was to have the image be the most important thing while the box is there to present it without interfering with it. That is why the author has created the animated side buttons to make sure the image is always 100% visible. Button around the image will change in opacity, having lighter buttons by default and darker buttons on hover keeps the focus on the image.

Lightview is very easy to style as well, even someone who doesn’t know CSS can be able to customize it. The javascript options and the images are basically all you need to change to get the look and feel you want within seconds. One of the best things is that Lightview uses Canvas an VML to draw a those images for you. This way it’s possible to change the corner radius very fast. It also works on every screen resolution, all images are automatically resized to fit within the viewport when you open them. Even the close button will adjust as you go smaller.

Requirements: Prototype, Scriptaculous with Javascript Enabled
Demo: http://www.nickstakenburg.com/projects/lightview/
License: License Free

• 7 Comments

SimpleViewer is a free, customizable Flash image viewing application with the following features. However, if you want more customization options and does not include the download link, you have to purchase SimpleViewer-Pro instead.

• Intelligent image pre-loading.
• Intuitive image navigation
• Lightweight (17k).
• Customizable interface – Set text color, frame color and width, navigation position.
• Resizable interface – Interface scales to fit browser window.
• Cross platform – Windows/Macintosh/Linux (requires Flash 7 or higher).
• Flash 7 detection. Users without Flash 7 are messaged to upgrade Flash.
• International font support.
• Keyboard Navigation (Cursor keys, Home, End, Page Up/Down)
• Mousewheel navigation
• Optionally right-click to open image in a new window.

Requirements: Flash 7+
Demo: http://www.airtightinteractive.com/simpleviewer/
License: License Free

• 2 Comments

flickrshow provides you with the simplest way of displaying your Flickr photosets on your own website. It is simple to install, completely free and doesn’t require Flash or any server side programming knowledge. It is free to use flickrshow, however flickrshow is not available for people to download and use on their own servers at the moment. It has the following main features.

• Unobtrusive and compatible: they built flickrshow on top of Prototype so it will work with all modern browsers and won’t interfere with any other Javascript on your page.
• Themeable to match your site: You can alter the colour of flickrshow to match your site.
• Can be used multiple times: it caused a number of headaches, but you can run as many slideshows on your site as you want, as long as your viewers can handle the loading times.

Requirements: -
Demo: http://www.flickrshow.com
License: License Free

• 1 Comment

Gerard Ferrandez has created a Photo 3D Gallery. The interactive gallery is written in Javascript which is very user friendly. The photos will move according to your mouse movement. You can click on any pictures to zoom in and out. Now we have one more choice for embedding a photo gallery in your projects.

Requirements: No Requirements
Demo: http://www.dhteumeuleu.com/
License: License Free

• 11 Comments

Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages. The library offers these features and advantages:

• No plugins like Flash or Java required.
• Popup blockers are no problem. The content expands within the active browser window.
• Single click. After opening the image or HTML popup, the user can scroll further down or leave the page without closing it.
• Compatibility and safe fallback. If the user has disabled JavaScript or the JavaScript fails in any way, the browser redirects directly to the image itself or to a fallback HTML page. This fallback is able to cope with most exceptions and incompatibilities.

Highslide is free for a personal website, a school site, your family’s photo album or a non-profit organisation. If you want to use Highslide for a commercial website, you need to pay for it.

Requirements: IE 4.0+, Firefox 1.5+, Opera 8.5+, Netscape 7.2, Safari 2.0+
Demo: http://vikjavev.no/highslide/
License: License Free for Personal Use

• 4 Comments

minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX/JSON that lets you put easily your images in an online gallery, without having to configure databases or changing and customising code (though you may do it if you feel so) allowing to have an up-and-running gallery in a few minutes. It is licensed under a Creative Commons Attribution-Share Alike 2.5 License and has the following major features.

• Simple galleries: just upload a folder full of images to your /galleries/ folder and you have a new gallery!
• Lightbox view: Images can be viewed in a lightbox way, easier and more precise, with a convenient integrated thumbnail menu.
• Languages: set your gallery in French, Italian or Spanish. Set it to select the user’s local language (if available). Translate it to your own language!
• Automatic thumbnails: you don’t have to worry anymore about creating your images’ thumbnails. Let minishowcase take care of it

Requirements: Server with PHP and GD/GD2 Support
Demo: http://minishowcase.frwrd.net/demo/
License: Creative Commons License

• 3 Comments

The Flash Image Gallery (FIG) is a gallery application that can be used by anyone to display multiple galleries of photos, artwork, or other pictures with descriptions. It requires no server-side language and will run on any web host. It is idealy suited for artists with online galleries, but can be used by anyone. It supports up to 224 images in each gallery. The user interface is simple and intuitive. Most importantly, it is FREE.

Requirements: Any Modern Browsers with Flash and PHP Support
Demo: http://www.flashimagegallery.com/demo/
License: License Free

• 2 Comments

(E)2 Photo Gallery is an open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)2 Photo Gallery what folder to look at and it will automatically load the images using PHP. It looks very good and easy to use. You can customised it with different designed skins easily. However, currently it is not possible to have multiple galleries on one page.

Requirements: Mootools Javascript Library
Demo: http://www.e2interactive.com/e2_photo_gallery/demo.php
License: License Free

• 4 Comments

We have got an official User Interface Library of jQuery eventually… It is called jQuery UI, is a set of themable widgets and interactions, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.The core of the library revolves around different mouse interactions, namely drag and dropping, sorting, selecting, and resizing.

On top of the core interactions are built a number of reusable widgets, including accordions, date pickers, dialogs, sliders, table sorters, and tabs. Finally, the library is finished off with a few effects that you can use to liven up your site, specifically magnifier and shadow. The photo gallery and the speed testing application is particular impressive which shows you the power of the UI.

Requirements: jQuery Javascript Framework
Demo: http://ui.jquery.com/
License: MIT License / GPL License

• 5 Comments