Posts Tagged with "Gallery"

Floom – a Blinds-effect MooTools slideshow

Tuesday, November 3, 2009

0 Comments

Floom - a Blinds-effect MooTools slideshow

If you are looking for a really new and unique way to create a nice slideshow for your website, then you should take a look at Floom. On the source site you will find two way to set Floom up: One is the object way, where you specify the image url and the caption using the key-value notation. The second one is by simply passing a element collection, where the passed element has to be the actual image collection. Sounds interesting? It is! So have a look:

Demo: http://nouincolor.com/floom/1.0/Demos
URL: http://blog.olicio.us/2009/07/25/floom/

Zoomy.js: a Zoom-in Image Gallery

Thursday, April 2, 2009

0 Comments

Zoomy - a Zoom-in Image Gallery Script

Zoomy.js is a Prototype class that allows you to easily create image gallery with simple magnification of images. This zooming feature is customizable as pop-up & overlaying boxes. Features:

* display clickable thumbnails and zoomed image when you click it.
* images are preloaded, there is no delay when you zoom.
* display caption and close button (optional)
* open new window from a link to the caption
* zoomed images may be dragged.

If Zoomy.js is actually what you’ve been looking for, find out more by visiting the source post and bookmark it for future refference :)

prettyPhoto – a jQuery lightbox clone

Friday, January 16, 2009

0 Comments

Visit prettyPhoto - jQuery lightbox clone

prettyPhoto is an alternative jQuery lightbox, which is developed by Stéphane Caron. It has better animation FX, fullscreen image feature, enhanced title and caption (support html code). This jQuery lightbox also display box that is designed to auto fit the size of the photo inside it. There are also navigation link, and counter options for multiple photos in a gallery.

This plugin works in the following browsers:

* Firefox 3.0 (Mac/PC/Linux)
* Firefox 2.0 (Mac/PC)
* Safari 3.1.1 (Mac)
* Internet Explorer 6.0 (PC)
* Internet Explorer 7.0 (PC)

To use is easy. Just include the jQuery library, prettyPhoto javascript and the prettyPhoto CSS in the head of the page(s) where you want to use prettyPhoto.

The demo of prettyPhoto includes: galleries, single image usage or flash content gallery. You can read the source page to learn the installment and customization details if you find this useful!

Pirobox – a jQuery gallery plugin

Wednesday, November 26, 2008

0 Comments

Here we have another JS gallery script called Pirobox with the difference hat Diego Valobra who wrote that script is not a programmer but a webdesigner with a big immagination and a bit passion for programming.
In fact, if you are a javascript developer, take a look at his script and you can see that he used a few tricks to get his goal to create a good looking jQuery gallery.

CrossSlide – a JQuery Slide-show Animations

Friday, October 17, 2008

2 Comments

CrossSlide is an alternative way to present slide show that animates pictures using jQuery plugin instead of conventional Flash. Fully tested on major browsers, it relies on the browser for positioning, scaling and cropping images, through CSS and the DOM. Accordingly it is depended mainly on how the browser and the underlying graphics platform optimize these operations.

CrossSlide has several picture effect features, they are:

Read the rest

ShadowBox – a Smart Media Viewer

Friday, October 10, 2008

3 Comments

ShadowBox is a JavaScript media viewer application that supports all of the web’s most popular media publishing formats including images, QuickTime, Windows Media Player, Flash, Flash video, HTML, and even external web pages. In fact, you can customize the skin of Shadow Box with CSS.

Why ShadowBox?

Read the rest

Scroll Multiple Videos with jQuery.Scrollable.js

Thursday, October 9, 2008

0 Comments

site>> http://www.flowplayer.org/tools/scrollable.html
tutorial demo>> http://www.flowplayer.org/tutorials/scrollable-view.html

Tero Piirainen has created a handy Flowplayer tool that scrolls playlist of several videos using jQuery. The tool is pretty light, which is wrapped in 3.9 Kb javascript file. The features are:

Read the rest

Galeriffic – a fast-performing photo gallery

Friday, October 3, 2008

0 Comments

Galleriffic works with jQuery-1.2.6 plugin, to deliver a high volume of photos. It is brought to you by Trent Foley. All photos are set in a neat grid and at the other section you can see the full zoomed preview of the selected photo. There are optional elements of selectors needed for a full-featured setup of Container Sel. The selectors are: controls, image, title, description, download, and thumbs.

Available features of Galleriffic plugin comes in:

* Smart Preloader
* Thumbnail Navigation (with pagination)
* Bookmark-friendly URLs
* Slideshow (auto-updates URL bookmarks)
* Image fade transitions
* Optional download link
* Flexible configuration
* Auto degrade when javascript is inactive or not available

You can initialize the gallery by calling the galleriffic init function, passing in the thumbnails container selector and an options. Set these default functions based on what has been stated at the source page to create your own Galleriffic. ;) Now you can have massive numbers of photo gallery without feeling worry that your picture thumbnails would clutter the web design layout ;)

Pamoorama – Spicing up Your Panoramic Image

Wednesday, October 1, 2008

0 Comments

site>> http://www.silverscripting.com/pamoorama/index.php
demo>> http://www.silverscripting.com/pamoorama/sample1.html

Pamoorama is a simple and lightweight script image scrolled box. This is a special image tool to style up your panoramic image. You will need MooTools module to build it. A ready use module as you don’t have to work on any CSS customization, barely any HTML.

How it works?
Moving the mouse over a panoramic image will scroll it in certain direction. You’ll see a frame (a part) of image that belong to a larger full size image.
Pamoorama will also display a small thumbnail panel of your panoramic image so you can easily navigate the frame by dragging it.

Features:
* Automatic scroll animation option (v 0.3)
* Custom caption, width, colors
* Dragging thumbnail frame only option
* Transition effects when you click on the small thumb (v 0.2)

It would be better if you visit the demo page to learn more about Pamoorama ;) so you can create your first panoramic image previewer using Pamoorama.

Image Slide Frames using Slided.js 1.3

Wednesday, September 17, 2008

0 Comments

Another great work of style scripting that came from CVI-lab. Introducing slided.js 1.3, an unobtrusive set of Javascript to add slide frames and shadow to images on your webpages.

To get an aspect ratio of 1:1 the larger picture dimension than the minimum picture dimension (80x80px) will define the width and height. Therefor the needed space of the canvas element will grow if the aspect ratio of the picture doesn’t fit 1:1. Whenever you have uneven aspect ratio picture dimension, the frame border will persistent in 1:1 aspect ratio so it should produce interesting slide frame effect ;)

Read the rest

ImageFlow 0.9 – Highslide Version

Saturday, September 6, 2008

5 Comments

The ImageFlow 0.9 is originally developed by Finn Rudolph. A stylish animated horizontal JavaScript carousel as the images flow perspectively and controlled by a slider. After some tweaks work, ImageFlow has been slightly hacked by Ceasar Feijen. This tweaking makes ImageFlow compatible to the Highslide JS effect.
You can now single click the centered image or double click any image in the ImageFlow and it will highslide with a preloader. Highslided image can be rearranged back inside the ImageFlow content with double click. It also possible for you to drag ‘n drop the highslided image anywhere on the website.
Sounds wonderful? Take a tour to give a try on this cool ImageFlow – Highslide JS now!

SpaceGallery – jQuery Plugin

Wednesday, September 3, 2008

1 Comment

SpaceGallery is a javascript image gallery with jQuery plugin. Whenever you’ve managed to set the parameters for this gallery, images are animated with perspective style. Almost similar to accordion image gallery, but this gallery has its minimum scale for the image in the back. So, when you click the front image, it will fade in a smooth animation and replaced with the next image.
An interesting gallery when you only have limited number of images to showcase, since this SpaceGallery is designed in one way navigation (no back and forward buttons included).
Visit the demo page to find out more and to implement this image gallery to your website if you like!

JonDesign’s SmoothGallery 2.0

Wednesday, August 20, 2008

0 Comments

This javascript gallery and slideshow system is designed using mootools v1.11. The new released of SmoothGallery 2.0 produces simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website. Although the javascript file is only 24kb, you will have fully standard compliant web pages in a lightweight solution for your website

Here come the new features
- Back and forward buttons of your browser now controls the gallery.
- History Manager allows you to send URL up there to a friend.
- Gallery Sets brings you multiple galleries on one place and switch between galleries
- Transitions between slides option as an alternative to smooth fade-in pictures.
- Included a real preloader and loads only what is needed.
- Switched to mootools 1.11
- Automatically closed the carousel when you click on an item (can be turned off).
- Customizable to what you need.
- Upgraded license to GPL v3.
- An official flickr plugin available to display your picture sets as gallery sets.

Incredibly awe! Ready to give a try? Hurry up….. :D Get the details by visiting the official JonDesign’s SmoothGallery 2.0 website now!

site >> http://smoothgallery.jondesign.net/what/
demo >> http://smoothgallery.jondesign.net/showcase/gallery/

FancyBox: Simple jQuery Plugin to Zoom Image

Wednesday, July 9, 2008

0 Comments

Are you looking for fancy image zooming tool that looks fresh and customizable with CSS? FancyBox will do it for you! This jQuery plugin works on major internet web browsers and the zooming effects has beautifully coded to have a Mac look.

Some features are available for single image and grouped images. You can display images, inline and iframed content. The zoom-in will start soon as the preloader stop.

Download this lovely FancyBox jQuery plugin as you may need this for your website or bookmark this article for future need!

MooFlow javascript based Gallery

Friday, July 4, 2008

0 Comments

MooFlow is a Javascript based Gallery looks like Apple´s iTunes or Finders CoverFlow™. Some of the features are:
* autosetup graps all images inside a element
* autoresize on changes of window dimensions
* fullscreen option
* scrolling with mouse wheel
* scrolling with key input (left and right cursor)
* autoplay presentation loop
* reflections via javascript
* load images via json (with event or on startup)
* load images from a html-source with filter
* creates the UI automatically
* UI skinable via CSS
* fullsize viewer option
* can run multiple instances

Minishowcase – a small and simple online photo gallery

Tuesday, July 1, 2008

0 Comments

minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX that allows you to easily show your images online, without complex databases or coding, allowing to have an up-and-running gallery in a few minutes.

Visit the website or have a look at the demo if you are looking for a small & simple photo gallery script.

BarackSlideshow – An elegant, lightweight slideshow script

Sunday, June 15, 2008

2 Comments

Inspired by Barack Obama´s website the guys from devthought.com create a really nice (and good looking) gallery script: BarackSlideshow

BarackSlidehow

The Slideshow works with MooTools 1.2
Read the rest