Jquery Labs » image

jQuery Virtual Tour

admin — Fri, 30 Jul 2010 11:00:47 +0000

This virtual tour plugin has the particularity to be accessible and can run even if javascript has not been activated] : navigation uses the standard html tags
and
in accordance with w3c.

No need for Flash, Quicktime ou Java. Your visitors will not have to install any software to experiment your virtual tour.

Demostration
Demo Page

Documentation
Documentation Page

Download
Download Source Code

Tags: image, Virtual, Virtual Tour

Micro Image Gallery

admin — Wed, 28 Jul 2010 11:00:13 +0000

In many blogs and news sites images are mostly included as an addition to the content. Space is often limited and therefore we thought of a slick solution to integrate a miniature image gallery that does not occupy a lot of space.

Demostration
Demo Page

Documentation
Documentation Page

Download
Download Source Code

Tags: Gallery, image, Image Gallery, Image Viewer, Micro, Minimal, tympanus

jQuery TopUp Plugin

admin — Thu, 22 Jul 2010 12:03:29 +0000

TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness. TopUp offers the following advantages:

Demostration
Demo Page

Documentation
Documentation Page

Download
Download Source Code

Tags: Gallery, image, Lightbox, Modal, Popup, Slideshow, Thumbnail, TopUp, UI

jQuery PhotoShoot Plugin

admin — Wed, 21 Jul 2010 11:00:34 +0000

Making a Photoshoot Effect With jQuery and CSS

The jQuery PhotoShoot plugin gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder. You can check out the demonstration above, or a nice tutorial on how to use it here.

Demostration
Demo Page

Tutorial
Tutorial Page

Download
Download Source Code

Tags: Css, image, Photo, PhotoShoot, pictures, Shoot, Tutorials

jQuery Notes Plugin

admin — Tue, 20 Jul 2010 11:00:23 +0000

jQuery-Notes is a simple and easy to use jQuery-Plugin that allows you to add notes to any image (even foreign ones) on your website or blog.

Demostration
Demo Page

Documentation
Documentation Page

Download
Download Source Code

Tags: Facebook, image, images, info, jQuery Notes, Notes, Php, rydygel

Featured Content Glider

admin — Mon, 14 Jun 2010 09:10:24 +0000

This script lets you painlessly showcase new or featured contents on your page, by turning ordinary pieces of HTML content into an interactive, “glide in” slideshow. For the ultimate in the ability to customize its look, the pagination links are also ordinary links that you define on the page, but with special CSS class names inserted when it should perform a certain task (ie: “toc” class if it’s a pagination link). This means the pagination links can be styled and arranged any way you like. The script enlists the help of the jQuery library for its engine.

Demostration
Demo Page

Documentation
Documentation Page

Download
Download (CSS File)
Download (CSS File)

Tags: Banner, Content, Css, Dynamicdrive, Featured, File, Form, Glider, Html, image, Image Viewer, library, Like, Link, List, Pagination, Show, Slide, Slider, Slideshow, Viewer

Step Carousel Viewer

admin — Fri, 11 Jun 2010 09:00:39 +0000

Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps. And fear not in taming this script to go exactly where you want it to- two public methods, two custom event handlers, and three “status” variables are here for that purpose.

Demostration
Demo Page

Documentation
Documentation Page

Download
Download Source Code

Tags: Animation, Banner, Carousel, Display, Dynamicdrive, Gallery, Html, image, Image Viewer, images, Panel, Scroll, Scrolling, Sliding, Smooth, Step, User, Viewer

Flip jquery plugin

admin — Mon, 07 Jun 2010 07:00:20 +0000

Flip is a jQuery plugin that will flip easily your elements in four directions. Try it

Demostration
Demo Page

Documentation
Documentation Page

Download
Download Source Code

Tags: Banner, Code, Effects, File, Flip, Flip Wall, Flips, image, smashup, source

Sponsor Flip Wall

admin — Fri, 04 Jun 2010 07:01:43 +0000

Sponsor Flip Wall With jQuery & CSS

Designing and coding a sponsors page is part of the developer’s life (at least the lucky developer’s life, if it is about a personal site of theirs). It, however, follows different rules than those for the other pages of the site. You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design.

Demostration
Demo Page

Tutorial
Tutorial Page

Download
Download Source Code

Tags: Code, Coding, Css, Design, Flip, Flip Wall, Form, Gallery, image, jQuery, logo, Php, Sign, source, Sponsor, Tutorials, tutorialzine, Wall

Sketchpad

admin — Sat, 29 May 2010 11:00:44 +0000

Sketchpad is a drawing/painting application developed in pure HTML and Javascript.

Sketchpad includes a number of Drawing Tools — including: Text, Shape, Spirograph, Brush, Calligraphy, Pencil, Paint-Bucket, and Stamp.

Sketchpad also includes a few generic Drawing Utilities — including: Marquee, Crop, Eraser, and a HSL/RGBA Color-Picker.

Demostration
Demo Page

Tutorial
Tutorial Page

Tags: Application, Chrome, Color, Colorjack, Crop, Drawing, Experiments, Html, image, JavaScript, Pad, Picker, Shape, Sketchpad, Text, Tools, Tutorials

crop, labelOver and pluck

admin — Wed, 26 May 2010 11:00:45 +0000

crop, labelOver and pluck-Crop-Gives your visitors the power to crop any image on the fly using JavaScript only. Also there are 2 other plugins: LabelOver and Pluck.

Demostration
Demo Page

Tutorial
Tutorial Page

Download
Download Source Code

Tags: Code, Content, Crop, Html, image, JavaScript, jQuery, Label, labelOver, pluck, Plugins, remysharp, source, Tutorials, upload

AutoSuggest jQuery Plugin

admin — Fri, 14 May 2010 11:00:24 +0000

AutoSuggest is a very lightweight jQuery plugin that makes auto-completing extremely easy. It uses ZERO images by default and is only 7kb minified.

Demostration
Demo Page

Documentation
Documentation Page

Download
Download Source Code

Tags: Auto, Code, drewwilson, Facebook, Forms, Hotmail, image, images, inputs, jQuery, Like, source, Tag, Text

jQuery Colorbox for WordPress

admin — Tue, 11 May 2010 11:00:41 +0000

Yet another Colorbox/Lightbox plugin for WordPress.

jQuery Colorbox features 8 themes from which you can choose. See screenshots tab.

When adding an image to a post or page, usually a thumbnail is inserted and linked to the image in original size. All images in posts and pages can be displayed in a layer when the thumbnail is clicked. Images are grouped as galleries when linked in the same post or page. Groups can be displayed in an automatic slideshow.

Demostration
Demo Page

Description
Description Page

Download
Download Source Code

Tags: Auto, Box, Code, Color, ColorBox, Description, Display, Gallery, image, images, jQuery, Lightbox, Link, Overlay, Photos, Php, pictures, Plugins, Post, Show, Slide, Slideshow, source, Thumbnail, Wordpress

Slick Caption Tutorial Revisited

admin — Sat, 08 May 2010 11:00:40 +0000

jQuery Photo Slide Show with Slick Caption Tutorial Revisited

It’s a very famous post because it has been showcased in several major web design blogs so many times and I received a lot of traffic from it. Thanks guys. I get a lot of comment and as I replied to those comments and do some quick fixes, I realized that this script has a caption bug and inefficient and not up to standard (oh well, that’s the time when I was start picking up jQuery ), so I have decided to do revisit to solve all those problems discovered by readers. I rewrote the html structure and modify the script.

Demostration
Demo Page

Tutorial
Tutorial Page

Download
Download Source Code

Tags: Banner, Blog, Caption, Code, Comment, Design, Html, image, Photos, Post, queness, Show, Sign, Slick, Slide, Slideshow, source, Star, Time, Tutorials, UI

Yahoo YUI Rich Text Editor

admin — Wed, 05 May 2010 11:00:09 +0000

YUI 2: Rich Text Editor

The Rich Text Editor is a UI control that replaces a standard HTML textarea; it allows for the rich formatting of text content, including common structural treatments like lists, formatting treatments like bold and italic text, and drag-and-drop inclusion and sizing of images. The Rich Text Editor’s toolbar is extensible via a plugin architecture so that advanced implementations can achieve a high degree of customization.

Demostration
Demo Page

Documentation
Documentation Page

Tutorial
Tutorial Page

Download
Download Source Code

Tags: Code, Content, Drag, Drop, Editor, Form, Html, image, images, Like, List, Plugins, source, Text, Text Editor, Textarea, Tutorials, UI, Yahoo, YUI

Jquery Labs » image

jQuery Virtual Tour

Related posts

Micro Image Gallery

Related posts

jQuery TopUp Plugin

Related posts

jQuery PhotoShoot Plugin

Making a Photoshoot Effect With jQuery and CSS

Related posts

jQuery Notes Plugin

Related posts

Featured Content Glider

Related posts

Step Carousel Viewer

Related posts

Flip jquery plugin

Related posts

Sponsor Flip Wall

Sponsor Flip Wall With jQuery & CSS

Related posts

Sketchpad

Related posts

crop, labelOver and pluck

Related posts

AutoSuggest jQuery Plugin

Related posts

jQuery Colorbox for WordPress

Related posts

Slick Caption Tutorial Revisited

jQuery Photo Slide Show with Slick Caption Tutorial Revisited

Related posts

Yahoo YUI Rich Text Editor

YUI 2: Rich Text Editor

Related posts