BestofJoomla::Best of Resources

Bumpbox

Sat, 25 Jul 2009 09:31:12 +0100

Bumpbox is another lightbox clone with a few advantages over other lightboxes - it supports not only all common media types but also PDF�s. Yet, the integration and implementation on your own site is pretty simple. Just add the scripts to your head section, add classes to your links that should use bumpbox, define a rel tag with the size that the bumpbox should have and you�re ready to roll. Bumpbox automatically detects what kind of filetype you wish to show in the box, so you do not need to specify the type, easing the process of integration.

Javascript 3D carousel

Tue, 15 Jul 2008 01:37:28 +0100

Carousel.us is a Javascript 3D carousel, using the prototype.js and scriptaculous.js frameworks. It also uses PHP Easy Reflections v3 by Richard Davey.

Magic Zoom

Wed, 09 Jul 2008 17:18:53 +0100

Magic Zoom� is a JavaScript zoom tool. It's the best way to display images in incredible detail. Users do not need to click anything - they just move their mouse over the image to see every detail of your product! Features * Fast - the page loads as normal, then the high-resolution image downloads invisibly in the background. * Easy - add it to your website in minutes. * Customisable - change the size, position, colors to suit your website. * Accessible - works when JavaScript is disabled (large image opens as a link). * Many images - supports multiple image zooms - see example above. New!

BarackSlideshow - An elegant, lightweight slideshow script

Wed, 09 Jul 2008 17:16:14 +0100

I guess pretty much everyone has seen Barack Obama�s website by now, which is clearly one of the prettiest of all candidates we�ve heard of so far. Not only is it an example of state-of-the-art design, but it�s also nice to navigate and interact with. I decided to imitate the homepage slideshow. I had already experimented with similar animated lists, which allowed me to have it ready within minutes The creation I took my previous class (SlideList), and made a few changes here and there. It works with MooTools 1.2, and supports all kinds of shape transformations (top and left coordinates, and height and width properties), which means it can now be used with vertical, horizontal, or even irregular lists. I extended it and came up with a new class that receives the images and loading spinner as parameters (note: it�s arguable whether this is the best decision OOP-wise, but due to the simplicity of this script, this was the right call) The code To ensure all images are loaded before the user makes any interaction, the MooTools Assets component is used. The CSS plays a major role (as in every other animation-focused script). I suggest you analyze it carefully before implementing it in your applications or websites. You�ll probably need to adjust the ids, or use classes instead to keep your stylesheets clean. The markup is meaningful and simple. Two lists are used (one for the images and the other for the links). The loading element is included in the HTML, but it�s probably better to inject it from the script directly.

Lightweight Dynamic Image Gallery

Thu, 22 May 2008 20:07:58 +0100

You can find a lot of Javascript Image Galleries and Slideshows which have appealing interface, however, but not all of them are lightweight. I found one Javascript Image gallery that is Michael Leigeber made it himself. This script that clocks in under 3kb packed and includes a number of cool features. I will make a plugin/module for joomla soon. This script isn�t completely polished yet but I wanted to go ahead and get it out there for anyone that can put it to use. It is tested working in IE6/IE7, FF, Opera and Safari. Feel free to use it in any personal or commercial projects.

Galleria - jQuery Image Gallery

Fri, 07 Mar 2008 00:24:10 +0100

Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS. The core of Galleria lies in it's smart preloading behaviour, snappiness and the fresh absence of obtrusive design elements. Use it as a foundation for your custom styled image gallery.

Lightview Overlay Your Images with Style

Sun, 20 Jan 2008 10:53:00 +0100

Lightview was built to change the way you overlay images on a website. * Clean: Designed to compliment your images. * Fast: Smart image preloading. * Easy to customize: You don't even have to know CSS. * Rounded: Adjustable rounded corners, without PNGs. * Smart resizing: Images will always fit on your screen. * Custom events: Using Prototype 1.6 * Slideshow: One button slideshow. * Effects: Using Scriptaculous. * Works on all modern browsers

Multibox Supports Images, Flash, Video, MP3 and HTML

Sun, 20 Jan 2008 10:48:40 +0100

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.

Cool 3D Photo Gallery

Tue, 11 Dec 2007 03:09:12 +0100

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.

21+ Fresh Ajax CSS Tables

Mon, 03 Dec 2007 22:06:11 +0100

Not many web designers have fun when it comes to styling tabular data. We have taken a close look at today�s best functioning and styled tables to showcase over 15 modern css and Ajax tables teaching you some useful techniques for displaying information in a tabular mode using sorting or filtering functions.