Open Source Resources for Web Application Developers WebAppers - Hunting the Best Open Source Resources for Web Developers

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.

highslide.png

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

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

minishowcase.png

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

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.

flash-image-gallery.png

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

(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.

photo-gallery.png

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

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.

jquery-ui-gallery.gif

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

Code Central has shown us how easily one can create a lightbox using YUI’s Dialog class. The lightbox incorporated many new features, along with old features such as drop and drag, it has an image preloader, it can scale large images to fit the window, it has a maximum button that allows you to inflate scaled images. You can even double click on the title bar to switch between maximized and scaled mode (for images that are larger than browser’s window area). You can also hide the lightbox conveniently by clicking on the image.

yui-lightbox.png

Requirements: Firefox 2+, Netscape 8+, IE 6+, Opera 9+
Demo: http://test.thecodecentral.com/demos/lightboxrev/lightbox.html
License: License Free

flash-gallery1.png

Yes, it is true that dfGallery is one of the best Galleries currently on the web! It is a Flash Gallery with a lot of great features. It allows integration of most popular photo sharing sites like Flickr , Picasa , Photo Bucket and Fotki along with background music. It also supports both RSS and Custom Images. You can easily set the language for the dfGallery by setting values for a few xml nodes in the gallery.xml file. User can also swicth to full screen mode to view the gallery as well. dfGallery is easy to customised, for exmaple, Time duration of the slideshow, Pause slideshow, Link Images, Hide Menu System and Scale the images from RSS feeds.

flash-gallery2.png

This gallery fulfills all the needs of even a professional photographer or even a freelance artist. dfGallery is still in Alpha stage because there will be a lot more feature additions. This is really similar to the Gallery at Slideshowpro.net for which they charge $25 but here is the Gallery for FREE.

Requirements: PHP version 5+ and Flash player 7+
Demo: http://www.dezinerfolio.com/2007/06/07/dfgallery/
License: License Free

Deziner Folio found an Flash XML Gallery from one of his old download collections. It looks very nice and east to use. You can create different albums within the gallery. It allows One-Click integration with Flickr and Picasa. All pictures are stored in the XML and the Folders. Simply place the Thumbnails under /images/thumbs and the Actual Images under /images.

flash-gallery.png

Requirements: Modern Browsers with Flash
Demo: http://www.dezinerfolio.com/works
License: License Free

Christopher Einarsrud was intended to develop a flash photo gallery called Polaroid Gallery for his online portfolio in year 2006, but he ended up going for something completely different. He thought that it might come in handy for someone else, so he decided to release it as a free and open source flash gallery for everyone. All the photos are displayed as Polaroid Photos, you can move them around with your mouse. You can also double click on each photo to zoom in. Polaroid Gallery looks so fresh and stunning that I would like to have one too.

polaroidgallery.png

Requirements: Modern Browsers with Flash
Demo: http://www.no3dfx.com/polaroid/
License: Creative Commons License

Couloir Slideshow is a demonstration of Flash-like behavior implemented solely in Javascript, HTML, and CSS. It is a very good resources for creating a gallery with resizing and fading effects. You are permitted to use it on your own project so long as you do so according to the rules outlined in the Creative Commons ‘Attribution-ShareAlike 2.0′ License and the license terms contained in the associated, third-party APIs.

couloir.gif

Requirements: Any Modern Browsers with Javascript Enabled
Demo: http://www.couloir.org/js_slideshow
License: Creative Commons License

Page 3 of 4«1234»
Web Resources Menu

Web Component Resources

Web Design Resources

Extra Resources

Search Site

Advertise on WebAppers?