latest v0.3.2f

Click gallery canvas to see next image.
Use buttons on top right corner of gallery canvas to switch different modes.
List mode allows you to see all images of the gallery. Full screen mode stretches gallery canvas to a size of your browser window.

Overview

Galileory jQ offers a cool way to present images on a website.
All images placed into a single box which can be positioned, sized and stretched however you wish. It is totaly client relative, compatible with all CMS and can be integrated into any website or blog. Galileory integration process is extremely simple and does not require advanced programming skills.

Main features:

Installation

  1. Visit jQuery UI download page to get jQuery UI.
    The generated compilation must be v1.8+ and contain components:
    • Core
    • Widget
    • Button
    • Progressbar
    • Effects Core
    Galileory uses UI theme to present interface, so you can select one of existing themes or customize your own theme using ThemeRoller.
    Download the compilation and link it to your webpage.
  2. Download the latest version of Galileory jQ package.
    It contains single version of script to explore source code and minified version for regular usage. Link the minified version to your webpage using code:
    <!-- Galileory styles -->
    <link type="text/css" href="/galileory path/galileory.css" rel="stylesheet" media="screen" />	
    <!-- Galileory script -->
    <script type="text/javascript" src="/galileory path/jquery.galileory.min.js"></script>
    

How to use

To create image gallery on your html webpage, you should encapsulate all gallery images into a block element (ex. "div") with specified width and height properties. Galileory script would automaticly transform all image containers with class name "galileory".

<div class="galileory" style="width: 960px; height: 540px;">
  <img src="image1.jpg" />
  <img src="image2.jpg" />
  <img src="image3.jpg" />
  <img src="image4.jpg" />
</div>

You can also transform specific image containers into galleries using javascript code:

$('#my-gallery').galileory();

You can use photobank as a source of images.

$(expression).galileoryFlickr( url, [options] );

url A string that contains url to Flickr user photostream, photoset or gallery.
options A set of key/value pairs that configure the Flickr request:

Example:
$('#flickr-gallery').galileoryFlickr(
	'http://www.flickr.com/photos/50955858@N04/galleries/72157624119605399/',
	{size: 'large', limit: 36}
);

Discussion

Please, visit project's tracker to post your propositions and bug reports.