Visual-Blast Magazine

TopUp Lightbox – Unobtrusive & highly customizable jQuery/jQuery UI driven pop-ups with fancy layouts, animations and transitions.

With TopUp you can display images (image galleries), flash content from sites like Youtube, SWF files and FLV video, QuickTime movies, Windows Media and Realplayer, iframes, DOM elements and raw HTML.

With a current release 1.7.2 it is possible to specify which jQuery libraries to auto-include or not to auto-include at all, enable fast mode and override the assets (host, images_path and players_path) variables.

A few features:

• TopUp is absolutely free, also for commercial use
• A very easy setup process: only one include
• Using TopUp presets keeps your HTML code 100% clean
• TopUp can be used along with Prototype
• Usage of CSS sprites to reduce the amount of image requests
• Cross-browser compatibility
• It’s open source
• and many more…

Content Switcher – a lightweight jQuery & CSS3 content switcher inspired by MLB.com Flash content switcher.

The only thing currently missing from the switcher in comparison to the MLB.com Flash version is the play/pause and autorun functionality.

View DEMO

Content Switcher uses several of CSS3 features like border-radius, RGBA colors, opacity, gradients, and still looks acceptable in non-supportive browsers.

JavaScript file used in this content switcher contains extensive commenting, you can see exactly what each line does.

Minimalistic Slideshow Gallery – tutorial with source code, on how to create a simple and beautiful slideshow gallery with jQuery.

The idea is to have a container with our slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the images. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.

View DEMO

Beautiful Photo Stack Gallery – Tutorial (with source code) on how to create a nice and fresh image gallery using jQuery, PHP & CSS3, with multiple albums support.

The idea is to show the albums as a slider, and when an album is chosen, images are shown in the photo stack view with a slick animation and reflection (reflections only work in Webkit browsers, Google Chrome or Apple Safari).

View DEMO

PHP is used for getting the images for each album from albums folders.

Photo Stack Gallery is fully functional in all latest browsers like Firefox and IE, just without some beautiful properties supported only by Chrome and Safari.

dualSlider – jQuery Plugin aims to provide jQuery users with attractive Dual Animated Slider. Easily highlight recent articles, images, or even a video … basically anything you need.

Sliding content can either be static or come out of a database. If it’s out of a database, the paging is built dynamically by the plugin. View DEMO.

DualSlider comes with all standard options like auto sliding -true/false, autoDelay, durationCarousel and more.

PureGallery is a Flash AS3 image gallery that uses GalleryCMS as the backend. The gallery can be resized to any size – even fullscreen.

GalleryCMS is easy-to-use open source CMS application (built on CodeIgniter framework) that allows you to simply create galleries, add images & generate a XML file which can be used for creating your gallery.

GalleryCMS requires PHP and a database. It uses the GD2 library for image processing.

AnythingSlider is a jQuery Plugin that can slide anything – slides are HTML content.

- View  AnythingSlider demo

- AnythingSlider Features:

• Navigation tabs are built and added dynamically – any number of slides.
• Pauses AutoPlay on hover
• Infinite sliding in the direction you are going, even at “last” slide
• Auto-playing option
• and more

Horinaja is a free slideshow script, utilizing either scriptaculous/prototype or jQuery, with a mouse wheel support that only works when the slideshow is hovered.

You can automatically create slide numbers and define seconds between slide transitions. To manually scroll slides, you can click on the slide number (pagination) or use your mouse wheel.

GalleryView jQuery plugin – aims to provide jQuery users with a flexible, attractive content gallery, capable of displaying any HTML content in an animated gallery view.

Two sets of navigation graphics are supplied to support both light and dark colored galleries, you can also easily create your own themes by simply creating three new graphics.

At the project page you’ll find 6 examples of GalleryView customization.

View Example 5

Flipping Image Gallery – combine the CSS property ‘z-index’ and the power of jQuery to create a unique Image Gallery which have a appearance of a pile of pictures.

On the next action the first picture go to the last position and on the previous action picture from the last position come to the first. All done just by altering the z-index and with a animation to underline the imagination to have a pile of pictures.

View Demo