For this tutorial I want to explain how we can build custom radio button links similar to the old Digg category selection. You can click on any set of links which will also trigger an active state on the correlated radio input. This is one of the best ways to style a web form using a bit of simple JavaScript to enhance the user experience.
Fresco : A beautiful responsive jQuery lightbox
Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device.In fact, Fresco in the first truly responsive lightbox. Give the demonstrations a try to see what that means, make sure to adjust your screen size (or rotate your device).
To make things even more awesome Fresco comes with fullscreen zoom, retina-ready skins, Youtube and Vimeo integration for HTML5 video and a powerful Javascript API.
jQuery Bracket library
jQuery bracket is a jQuery plugin that lets users create and display single and double elimination brackets for tournament play.The bracket information is stored into a single object. Contents of the object determine what is rendered. Play with the save functionality demo and check the input data for other demos.
jQuery DragPan
Give your website visitors the ability to navigate a large area of rendered HTML quickly. Usefull for creating maps of supermarkets, shopping malls, theme parks, zoos, festival sites, theatres, airports, seating plans in fact anywhere where the map would be larger than the users browser.
Features:
- Very few images, mostly CSS
- Includes 19 different customizable options and 3 callbacks
- Function to move map to position
- Doesn’t stop user from dragging beyond map, just bounces back till the whole map fills the screen
- Scrollbars (Colour changable using CSS )
- Copyright/help message (You choose the message)
- Restrict to horizontal/vertical panning
- Customize grab/grabbing cursor
- Change return animation speed
Sliding Stacked Images With jQuery
A sliding door effect can be used what the site offer. About a week ago I visited a site called auroraos, on the first page I see a nice sliding image gallery on the front page, it used JQuery to creating the effect, it like a vertical accordion, sliding door effect or whatever you called it.
All the images must have the same size, in both width and height, the hovered images will shows entirely, and the others will mostly hidden.
Adding Facebook Comments to a jQuery Lightbox
In order to display facebook comments on your page you would normally follow the instructions on this page. This works great if you just have a single page that you want to comment on, but for my scenario I wanted the comment box to appear fresh for each photo that the lightbox displayed. In order to do this, the first thing you’ll need to do is omit the 2nd bit of code that Facebook generates for you on the afore mentioned page:
Java MySQL JSON Display Records using jQuery
This is the continuation of my previous Java tutorial Insert Records into MySQL database using Jquery, now I want to explain how to convert records data into JSON data format and display JSON data feed using Jquery. It’s simple just follow few steps with Eclipse IDE, hope you understand the Model View Controller pattern Thanks!