Blogfreakz - Web Design and Web Development resources » Light Box

NetEye Touch Gallery

Marvin@Blogfreakz — Thu, 10 May 2012 02:10:09 +0000

Upgrade your mobile browser’s photo-viewing apps with the NetEye Touch Gallery. It’s a type of lightbox that’s written and optimized for Mobile Safari on iPad/iPhone, has photo gallery for any touch devices, has touch support and it works with Desktop Safari, Firefox 4, Opera, Chrome and limited for IE which may have no transition.

Click on the image to download the zip file.

Usage:

You may alter it by providing the getSource function like this:

See Touch Gallery’s full DEMO and DETAILS.

Incoming search terms for the article:

Rcarousel: A Continuous jQuery UI Carousel

Keith@Blogfreakz — Mon, 09 Jan 2012 08:50:41 +0000

Before you toss this off as just another slider review, check out this innovative content slider and carousel made with jQuery, called the rcarousel.

Created by front-end developer Wojciech rrh Ryrych, this continuous carousel is basically a jQuery UI widget which latest version (v1.1) was just released recently. Its inherent capabilities from its predecessor include custom events and a simple API.

Rcarousel supports HTML content: just place anything inside a DIV container, install the widget, and that’s it. It is highly customizable and allows the user to navigate through the content with bullets or set the scrolling to auto mode without navigation.

What sets this carousel from the others is that it has the multi carousel feature!

Check out the demo. Cool, isn’t it?

You can customize the rcarousel’s appearance by indicating the number of visible elements and a step (number of elements to scroll by). Another nice feature is loading elements on demand at runtime via API. With little effort you can fetch XML, JSON, parse them and then add elements with ‘append’ method.

Its other features are:
• Many options to choose from
• Simple to use
• Supports IMG images with links
• Auto mode
• Custom pagination

Rcarousel supports many browsers and has been tested successfully in the following:
• Internet Explorer 7+
• Firefox 3.0+
• Chrome
• Opera 10.10+
• Safari 4.0.5+

Click on the following links to download the rcarousel or its source code, and if needed, to report bugs.

If you enjoyed this carousel, you may also want to consider using Ryrych’s jQuery UI mediabox, called
rlightbox2 .

Incoming search terms for the article:

CeraBox – Alternative Lightbox for MooTools

Mufti Ali — Thu, 10 Feb 2011 13:19:00 +0000

CeraBox is alternative lightbox build on MooTools 1.3, inspired by Fancybox.net. CeraBox allow us to display images, SWF files or HTML file. It can load iframes and make Ajax requests.

CeraBox can grouping images to be presented as a gallery where they can be browsed with prev-next buttons. CeraBox requires MooTools 1.3 +.

Requirements: MooTools 1.3 +
Demo: http://cerabox.ceramedia.nl/
License: Other License

Incoming search terms for the article:

ViewBook – Fliping book Effect For jQuery Plugin

Mufti Ali — Fri, 26 Nov 2010 04:05:59 +0000

Viewbook is a jQuery tool for displaying content on the web in a flipbook layout. ViwBook allow Us place any sort of html elements inside of Our viewbook pages and displaying as fliping book layout.

There is no limit to the possibilities you can create. Even using simple options, you can have elaborate displays.
It has various option for customization:

width/height
speed
starting page
easing
page numbers
shadows
keyboard controls
custom next & prev links
and more..

For installation, You need to included, jquery farmework, Easing jQuery Plugin ,Viewbook JS and CSS files. ViewBook Licensed under both MIT and GPL licenses.

Requirements: jQuery Framework, Easing jQuery Plugin
Demo: http://builtbywill.com/code/viewbook/examples/
License: MIT License, GPL License.

Incoming search terms for the article:

Purr – MooTools Growl-Style Pop-Up Notifications

Mufti Ali — Fri, 15 Oct 2010 11:15:56 +0000

Purr is an advanced MooTools notifications class that allows you to show growl-style pop-up notifications. It also provides Elements.alert() to allow a notification to be popped above of an existing element.

This notification plugin can be used to show any kind of notifications on web pages using custom positioned modal windows. You can dismiss the message by clicking on it. You can also add extra class on message box for styling purpose.

Requirements: MooTools Framework
Demo: http://re5et.github.com/projects/purr/demo/
License: Free License

Incoming search terms for the article:

Sexy Lightbox – Lightweight and Sexy Lightbox

Mufti Ali — Wed, 08 Sep 2010 06:26:35 +0000

Sexy Lightbox is a more lightweight and sexier clone of the classic Lightbox. It was constructed thinking about web designers, easy installation and use. Sexy Lightbox is compatible with HTML! That means that you can show elements, pages, videos, and all what you want!

Large images (very large images ) are automatically adjusted to window. Sexy Lightbox 2 requires Mootools 1.2.3 or jQuery 1.3.2, and is compatible with all modern browsers (and Internet Explorer).

Requirements: Mootools 1.2.3, jQuery 1.3.2
Demo: http://www.coders.me/ejemplos/sexy-lightbox-2/
License: MIT License

Incoming search terms for the article:

AeroWindow – Windows Aero Style jQuery Plugin

Mufti Ali — Sun, 06 Jun 2010 10:07:21 +0000

AeroWindow is jQuery plugin that allow us to create Windows Aero Style for Web sites easily. AeroWindow create pop-up window in the Aero style, inspired by the style of Window7. The popup window offers the usual options and full functionality similar to Windows windows.

Features

Special feature: Live animated Aero Glossy look (see header when moving)
Usual window buttons: Minimize, Zoom, Maximize and Close
Double-click support, such as in windows (maximize, zoom out)
Active window is highlighted visually, as in Windows
User-infinitely scalable window size
Sliding window by mouse dragging
Usual Z-order management, as in Windows
+ Animated changing the window size
+ Multiple configuration options

Requirements: jQuery framework
Demo: http://www.soyos.net/tl_files/demos/aero-window/
License:-

Incoming search terms for the article:

Lightbox_me – Simple Lightboxing for Developer

Mufti Ali — Tue, 01 Jun 2010 02:23:32 +0000

Have you ever had a DOM element that you wanted lightboxed, but didn’t want all the fanciness of all the lightbox-related plug-ins out there? Lightbox_me is for you. Lightbox_me is an essential tool for the jQuery developer’s toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you, no muss no fuss.

Features

Handles overlay resize when the window is resized
Handles overlay size in cases where the document is smaller than the window
Handles position: fixed in all browsers
Position: fixed automatically swaps to position: absolute when the window size is smaller than the modal, so the user can scroll to see the contents

It is just over 1000 bytes gzipped & compressed. Lightbox_me has been tested on IE 6+, Firefox 2.5+, Safari and Chrome.

Requirements: jQuery Framework
Demo: http://buckwilson.me/lightboxme/
License: Apache License

Incoming search terms for the article:

jQuery.popeye- Inline Lightbox Alternative

Mufti Ali — Sat, 24 Apr 2010 16:06:31 +0000

jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.

This image gallery plugin is quick and easy to setup, it offers great flexibility in both behaviour and styling. jQuery.popeye takes a different approach: not only allows it for browsing all thumbnails as well as the large images in a single image space, it also repects the page flow and stays anchored and rooted in the webpage at all times.

Requirement: jQuery Framework
Demo:http://dev.herr-schuessler.de/jquery/popeye/demo.html
License: GPL License

Incoming search terms for the article:

Picbox – Lightweight Javascript Image Viewer

Mufti Ali — Tue, 06 Apr 2010 05:46:36 +0000

Picbox is a lightweight (around 5KB) javascript image viewer based on the Slimbox by Christophe Beyls, and available using either the Mootools or jQuery frameworks. It features automatic resizing and zooming of large images, allowing them to fit in the browser or be viewed at full size.

Images automatically resize to fit the screen when opened. They can then be zoomed in/out using the scroll wheel and moved around on screen using the mouse. Double clicking resets the image or views it full size.

This image viewer plugin can be customised by editing the autoload code in picbox.js. Example loading code for loading all image links or picasaweb/flickr galleries are in the extras/ folder (all copied from the Slimbox release).

Picbox v1.x and v2.x have been tested with Mootools v1.2.3+ and jQuery 1.3+ respectively. This plugin compatible with Firefox 2.0+, Internet Explorer 6+, Opera 9+, Safari 4+, and Google Chrome. Firefox 3.5 and newer webkit browsers also have nice shadows around the images.

Requirements: jQuery framework, MooTools framework
Demo:http://bunnyfire.co.uk/projects/picbox/
License: MIT License