Archive | Scripting RSS feed for this category

JQZoom: a javascript image magnifier

16 January 2010

0 Comments

JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want. It works on all modern browsers: IE 6+, FF 2+, Chrome 1+, Opera 9+, Safari 2+.

URL: http://www.mind-projects.it/projects/jqzoom/

AutoSuggest jQuery Plugin

14 January 2010

0 Comments

If you need to add some auto-completing functionality to your project, this AutoSuggest jQuery Plugin is for you. The AutoSuggest jQuery Plugin will turn any regular text input box into a rad auto-complete box. All HTML elements are created dynamically. No need to add any extra HTML. It uses ZERO images!

The styling is done 100% with the included CSS file, so it is super easy to customize the look of everything! You can even use images if you want, just add the appropriate lines of code into the CSS file.

So if you need this auto-completing functionality, here you go:

URL: http://code.drewwilson.com/entry/autosuggest-jquery-plugin

A jQuery inline form validation

23 November 2009

1 Comment

A jQuery inline form validation

Forms? Errors? We all know this! This script helps you with it: When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed.

URL: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

Presentation Cycle Script

19 November 2009

0 Comments

Presentation Cycle

Cycle is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements. Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear. In this article you will learn how to implement this on your web page and it will give you some tips on how to adjust the looks of the cycle elements and progress bar.

URL: http://www.gayadesign.com/diy/presentation-cycle-cycle-with-a-progressbar/

Floom – a Blinds-effect MooTools slideshow

3 November 2009

0 Comments

Floom - a Blinds-effect MooTools slideshow

If you are looking for a really new and unique way to create a nice slideshow for your website, then you should take a look at Floom. On the source site you will find two way to set Floom up: One is the object way, where you specify the image url and the caption using the key-value notation. The second one is by simply passing a element collection, where the passed element has to be the actual image collection. Sounds interesting? It is! So have a look:

Demo: http://nouincolor.com/floom/1.0/Demos
URL: http://blog.olicio.us/2009/07/25/floom/

Smooth Color Cycles for Text & Backgrounds with jQuery

26 October 2009

0 Comments

Smooth Color Cycles for Text & Backgrounds with jQuery

There were times when many people use blinking GIF web-graphic for websites to get viewer’s attention. Here is another better idea to create something like that with the goodness of jQuery. It’s not to blink within every few seconds, but you’ll see smooth transition of color changing on a text or background. Sam Dunn from Build Internet wrote a tutorial to create this amazing smooth color cycles with jQuery.

For the start, the background color is adjusted to have continuous loop with a jQuery plugin called: jQuery Color Animations Plugin. It will generate a random RGB color value in specific function.
You’ll need to sort what colors to change before working on the transition timer adjustment, and combine all functions to have a ready changing-color background.

Jump into another next step is to create a div ID for the solid black PNG image. The idea is to show the smooth animation of color changes (cycles) in the background trough the negative space of this PNG image.

Yes it is nifty but the FX is very nice to see. Learn the details of how to create this smooth color cycles for text & backgrounds with jQuery from the tutorial source.

site: http://buildinternet.com/2009/09/its-a-rainbow-color-changing-text-and-backgrounds/
demo: http://buildinternet.com/live/rainbow/

Auto-Infinite Carousel using jQuery

24 September 2009

1 Comment

Auto-Infinite Carousel using jQuery

Most of the time you see some carousels that uses jQuery which have a definite set of looping. It means after you’ve finished in scrolling all of the carousel’s content, the loop will back again to the first start.

Any wonder of how to create a carousel that works in opposite way? Here is a nice tutorial that will show you how easy to create infinite loop of carousel and also to set it with auto scrolling. The auto scroll will stop on mouse-over.

An event is made to trigger the next arrow in a state of being clicked then you need to set a timer to keep firing the new custom event.

site: http://jqueryfordesigners.com/automatic-infinite-carousel/
demo: http://jqueryfordesigners.com/demo/infinite-carousel-loop.html

Create blockquote easily using jQuote

9 September 2009

0 Comments

Create blockquote easily using jQuote

jQuote is a plugin to create semantic blockquotes with just one line of jQuery code. It is created by Jack Franklin. This plugin avoids duplicate content when javascript is not enabled which is what would happen if you did the usual method of copying or pasting text to create quotes. jQuote provides an easy option to add secondary quote styling, a person’s name to the quote, for instance. Again, it is also customizable in CSS.

It looks simple and nifty! Download this jQuote plugin to have your own stylish blockquote by visiting the source page!

URL: http://www.jackfranklin.co.uk/jquote/