Greepit » Gallery http://www.greepit.com Open Source Web Development Resources for Designers & Developers Thu, 09 Sep 2010 09:31:17 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 jQuery Powered Full Page Scrollable Image Gallery http://www.greepit.com/2010/09/jquery-powered-full-page-scrollable-image-gallery/ http://www.greepit.com/2010/09/jquery-powered-full-page-scrollable-image-gallery/#comments Wed, 08 Sep 2010 21:12:31 +0000 Saif http://www.greepit.com/?p=6903 Codrops is sharing a stunning Full Page Image Gallery with scrollable thumbnails and a scrollable full screen preview.

It has a thumbnails bar at the bottom of the page that scrolls automatically when user moves the mouse. When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background.

jQuery Powered Full Page Scrollable Image Gallery

The demo is best viewed in Webkit browsers like Google Chrome or Apple Safari because this full page image gallery is using CSS3 Webkit properties to enhance the look and jQuery for the functionality.

The image gallery comes with a handy tutorial that is very easy to understand and follow.

Requirements: jQuery
Website: http://tympanus.net/codrops/2010/09/08/full-page-image-gallery/
License: Free

Related Posts

]]> http://www.greepit.com/2010/09/jquery-powered-full-page-scrollable-image-gallery/feed/ 0 An Infinite, Circular jQuery Carousel: carouFredSel http://www.greepit.com/2010/09/an-infinite-circular-jquery-carousel-caroufredsel/ http://www.greepit.com/2010/09/an-infinite-circular-jquery-carousel-caroufredsel/#comments Mon, 06 Sep 2010 07:25:07 +0000 Saif http://www.greepit.com/?p=6855 carouFredSel is a jQuery plugin that turns any kind of HTML element into an infinite, circular carousel. It supports pagination and can scroll one or multiple items simultaneously, horizontal or vertical, automatically, by pressing buttons or keys on the keyboard.

An Infinite, Circular jQuery Carousel

carouFredSel Feetures

  • Scrolls automatically and/or by user interaction
  • Built in keyboard-navigation and pagination
  • Dynamically add and remove items to/from the carousel
  • Compatible with most popular (jQuery) lightbox-plugins
  • Intelligent custom events and loads of options
Requirements: jQuery Javascript Library
Website: http://caroufredsel.frebsite.nl/
License: MIT

Related Posts

]]> http://www.greepit.com/2010/09/an-infinite-circular-jquery-carousel-caroufredsel/feed/ 0 Full-screen Photo Gallery For Touch Devices: Touch Gallery http://www.greepit.com/2010/08/full-screen-photo-gallery-for-touch-devices-touch-gallery/ http://www.greepit.com/2010/08/full-screen-photo-gallery-for-touch-devices-touch-gallery/#comments Fri, 27 Aug 2010 05:18:18 +0000 Saif http://www.greepit.com/?p=6763 Touch Gallery is an open source full-screen photo gallery for touch devices that brings the look and feel of native photo viewing applications to your mobile browser.

A Full-screen Photo Gallery For Touch Devices: Touch Gallery

This open source photo gallery is a jQuery plugin and was primarily written and optimized for Mobile Safari running on the iPad or iPhone 4 but it also works fine in Dektop Safari, Firefox 4, as well as in Opera and Chrome.

Touch Gallery depends on two other plugins: transform and activity-indicator and both are packaged in one Javascript file you download with touch gallery.

Requirements: jQuery v1.4.2+
Website: http://neteye.github.com/touch-gallery.html
License: MIT

Related Posts

]]> http://www.greepit.com/2010/08/full-screen-photo-gallery-for-touch-devices-touch-gallery/feed/ 0 Flexible MooTools Slideshow Widget: SlideShow http://www.greepit.com/2010/08/flexible-mootools-slideshow-widget-slideshow/ http://www.greepit.com/2010/08/flexible-mootools-slideshow-widget-slideshow/#comments Mon, 16 Aug 2010 07:02:40 +0000 Saif http://www.greepit.com/?p=6622 SlideShow is an extendable, flexible, and easy to implement MooTools Slideshow Widget. Use any element, not just images; this slideshow widget can be used to create:

  • Slideshows
  • Image galleries
  • Tabs
  • News tickers

Powerful, Flexible MooTools Slideshow Widget

Slideshow comes with packaged transitions but is easy to extend and create your own transitions. The class is built to handle the basics of a slideshow, extend it to implement your own navigation piece and custom transitions.

Requirements: MooTools Library
Website: http://ryanflorence.com/slideshow/
License: Free

Related Posts

]]> http://www.greepit.com/2010/08/flexible-mootools-slideshow-widget-slideshow/feed/ 0 Feature Rich Content Slider Wordpress Plugin: SlideDeck http://www.greepit.com/2010/07/feature-rich-content-slider-wordpress-plugin-slidedeck/ http://www.greepit.com/2010/07/feature-rich-content-slider-wordpress-plugin-slidedeck/#comments Wed, 07 Jul 2010 07:45:48 +0000 Saif http://www.greepit.com/?p=6044 Greepit previously published a Free JavaScript based Content Slider, SlideDeck. This free content slider is now released as a free Wordpress plugin.

Feature Rich Content Slider Wordpress Plugin

SlideDeck helps your to create a media and content rich slider on your WordPress powered blog or website without writing a single line of code! The SlideDeck wordpress plugin works within the easy-to-use WordPress interface and allows you to post a slider live in minutes. Insert your SlideDeck into your posts, on your pages and even in your theme!

Requirements: Wordpress
Website: http://www.slidedeck.com/wordpress/
License: GPL

Related Posts

]]> http://www.greepit.com/2010/07/feature-rich-content-slider-wordpress-plugin-slidedeck/feed/ 2 HTML5 Audio, Video and Image Gallery: Multimedia Gallery http://www.greepit.com/2010/07/html5-audio-video-and-image-gallery-multimedia-gallery/ http://www.greepit.com/2010/07/html5-audio-video-and-image-gallery-multimedia-gallery/#comments Sat, 03 Jul 2010 07:11:41 +0000 Saif http://www.greepit.com/?p=6008 A clean, professional and first HTML5 audio, video and image gallery based on jMediaElement which is an HTML5 audio and video development kit with Flash and VLC Fallback.

HTML5 Audio, Video and Image Gallery

Multimedia Gallery integrates audio and video as exhibit pieces along images. It uses an XML file for defining the items in the gallery and a PHP class with an XSL Stylesheet to transform the data. Once a thumbnail is clicked, it navigates through the previews and shows the descriptions (from the configuration XML file).

Website: http://tympanus.net/codrops/2010/06/24/multimedia-gallery/
Demo: http://tympanus.net/Development/MultiMediaGallery/
License: Free

Related Posts

]]> http://www.greepit.com/2010/07/html5-audio-video-and-image-gallery-multimedia-gallery/feed/ 0 Customizable jQuery Modal Window: NyroModal http://www.greepit.com/2010/06/customizable-jquery-modal-window-nyromodal/ http://www.greepit.com/2010/06/customizable-jquery-modal-window-nyromodal/#comments Mon, 21 Jun 2010 07:53:51 +0000 Saif http://www.greepit.com/?p=5846 NyroModal is a customizable modal window plugin built with jQuery. The Look and Animations can You’ll be able to customize either the look by CSS and the animation by creating your own using the jQuery animation function.

Customizable jQuery Modal Window

Features

  • Ajax Call with targeting content
  • Images Gallery with arrow navigating
  • Form with file upload with targeting content
  • Customizable animation
Requirements: jQuery
Website: http://nyromodal.nyrodev.com/
License: MIT

Related Posts

]]> http://www.greepit.com/2010/06/customizable-jquery-modal-window-nyromodal/feed/ 1 jQuery Slideshow & Image Gallery Plugin – jqFancyTransitions http://www.greepit.com/2010/06/jquery-slideshow-image-gallery-plugin-jqfancytransitions/ http://www.greepit.com/2010/06/jquery-slideshow-image-gallery-plugin-jqfancytransitions/#comments Sun, 13 Jun 2010 06:00:58 +0000 Saif http://www.greepit.com/?p=5673 jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow or to create an image gallery with fancy strip transition effects.

jQuery Slideshow & Image Gallery Plugin

This free image gallery comes with ‘wave’, ‘zipper’ and ‘curtain’ effect and provides options to easily create custom transition effects.

Website: http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/
Demo: http://workshop.rs/projects/jqfancytransitions/
License: MIT

Related Posts

]]> http://www.greepit.com/2010/06/jquery-slideshow-image-gallery-plugin-jqfancytransitions/feed/ 0 First HTML5 CSS3 Lightbox – SuperFun http://www.greepit.com/2010/06/first-html5-css3-lightbox-superfun/ http://www.greepit.com/2010/06/first-html5-css3-lightbox-superfun/#comments Wed, 09 Jun 2010 11:00:02 +0000 Saif http://www.greepit.com/?p=5585 Superfun creates a Lightbox gallery with HTML5 Canvas element and CSS3. It allows for AJAX injection, SWF content, iFrame content, and utilizes the new CSS3 transform property to mimick a Flash environment, while completely avoiding Flash.

First HTML5 CSS3 Lightbox - SuperFun

Though its not as powerful as we see around but consider this a first step and an HTML5, CSS3 experiment (successful experiment to me) with scale, rotation and transformation.

Website: http://www.fokistudios.com/superfun/
License: Free

Related Posts

]]> http://www.greepit.com/2010/06/first-html5-css3-lightbox-superfun/feed/ 0 Carousel Content Slider – Tiny Carousel http://www.greepit.com/2010/05/carousel-content-slider-tiny-carousel/ http://www.greepit.com/2010/05/carousel-content-slider-tiny-carousel/#comments Sat, 15 May 2010 07:15:25 +0000 Saif http://www.greepit.com/?p=5051 Tiny Carousel is a lightweight jQuery plugin to create carousel content slider. This free content slider works with HTML based content which makes it useful, specially for new techies.

Tiny Carousel can be used as a vertical or horizontal content slider and can be set to work like a tab control.

Features

  • Supports navigation by button or paging
  • Number of block to move at a time can be set
  • Easy customizable
Website: http://baijs.nl/tinycarousel/
License: Free

Related Posts

]]> http://www.greepit.com/2010/05/carousel-content-slider-tiny-carousel/feed/ 1