background preloader

Fancybox - Fancy jQuery lightbox alternative

Fancybox - Fancy jQuery lightbox alternative
FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Can display images, HTML elements, SWF movies, Iframes and also Ajax requests Customizable through settings and CSS Groups related items and adds navigation. If the mouse wheel plugin is included in the page then FancyBox will respond to mouse wheel events as well Support fancy transitions by using easing plugin Adds a nice drop shadow under the zoomed item Different animations - 'fade', 'elastic' and 'none'

Related:  JavaScriptinspiration

CSS Layout Generator This is really just a step in the right direction, you still have a lot to do before your site is ready to go live. If you are just starting out, learning to do it yourself, by hand, in a simple text editor can be very rewarding, although it won't be easy. Below is some information that will help you on your journey, good luck. 37 Fresh jQuery Image And Gallery Display Solutions jQuery is already very popular because it is very fast and concise Javacript library simplifing and different event handling, smooth animation with very little code. With jQuery you can enjoy new way of web development and image galleries are the best way to use it effectively! Here you’ll have more than 35 different unique jQuery Javascript solutions for beautiful image galleries and great ways to display your images with light code. To make it even easier for you to choose, I also added live demo link under every jQuery plugin! This article has been updated on May 17,2012 and we just have put together fresh 2012 list of image sliders and galleries. Check it out!

Beautiful Photo Stack Gallery with jQuery and CSS3 In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the […] View demoDownload source Sticky - An unbelievably simple notification system for jQuery July 19, 2011 Let's face it, your users need sweet little notifications to keep them all warm and fuzzy inside. Sticky allows you to send such messages with ease, and class. Quickly notify a user of software updates, process completions, or annoy them with registration reminders. canadian based web developer eh » Blog Archive » Gritter for jQuery (Growl) I’ve been hunting for a good jQuery Growl look-a-like plugin for some time, but I just can’t seem to find one that looks the exact same as the one for Mac OS, so like most web dabblers would do, I decided to roll my own. For those who don’t know what Growl is, it’s basically a notification bubble/popup that appears in the top right of your desktop – examples can be found here. Think of it as calling the alert() function in JavaScript, only it’s not a modal, it’s subtle and it doesn’t look like dog shit. Download It! Demo It! Ruby on Rails user?

Basic Beginners’ Guide to Installing a jQuery Lightbox Have you always wanted to add those cool Javascript lightbox galleries to your website, but haven’t the first clue about how to do so? This guide is aimed at the Javascript coding noob and will take you through the step by step process of linking up the jQuery library, installing the lightbox script and getting everything working. View the jQuery lightbox gallery demo Tooltip : grumble.js Originally written for, grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There's auto-magic size adjustment for use with localised text. FX queues for animating multiple grumbles.

How to check and uncheck a checkbox with jQuery Posted November 14th, 2008 in Javascript (Updated September 14th, 2010) jQuery is a Javascript framework which can simplify coding Javascript for a website and removes a lot of cross browser compatibility issues. Yesterday I looked at how to get and set form element values with jQuery but didn't deal with checkboxes. Today's post looks at how to tell if an HTML form checkbox is checked or not checked with jQuery and then how to change it to be un/checked. 100 best jQuery image gallery plugins « Web Design Blog – WebDesignShock Recently, I had a client that needed to create a one page portfolio in a tight deadline. Initially, I thought that an already available free jQuery plug-in could be an interesting starting point for the gallery. I’ve never used a pre made plug-in before, so I began browsing the net in search of my timesaving lazy solution. What I discovered is that I spent almost half a working day looking for a decent list, burning hours skimming through lousy demos and messy coding. I eventually found a cool plug-in and the site went well and was delivered at time. But I couldn’t believe that there weren’t many sites with a decent roundup of jQuery galleries.

Related:  Notification & HelpSlideshowGaleriesfaviz02Pop-upUser InterfacejQuerylibrariesWordpress