Visual-Blast Media

Free web resources for designers and web developers | Tutorials, Scripts, Graphics, Photoshop, CSS

‘Javascript’ Articles

FancyUpload 2.0

FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers.

fancy_upload.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Custom JavaScript Dialog Boxes

A lightweight (~4.5kb) JavaScript dialog box library. The script currently offers four dialog styles: alerts, warnings, prompts and success. The script is tested working in IE 6/7, Firefox 2/3, Opera and Safari.

error_javascript_dialog_boxes.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

LightForm - Free Ajax/PHP Contact Form

LightForm is a free Ajax/PHP contact form. It combines FormCheck2 for fields validation and NiceForms to style text fields and textareas.

lightform_free_ajax_php_contact_form.jpg

Features:

  • Form Validation using FormCheck2.
  • Spam Check.
  • Display user IP, user agent and referrer in the message.
  • Display a dialog box when message sent succesfully.
  • Inputs and textareas are styled with NiceForms.
  • Works in the most recent browsers (IE6+, Firefox, Opera, Safari and Netscape).

Note: Form validation won’t work anymore if users disable Javascript. Released under Creative Commons Attribution v2.5.

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Kwicks for jQuery Menu

Kwicks for jQuery is a plugin that simulates attractive Mootools effect. Example page

Kwicks Options:

  • maxWidth: Required: The width (in pixels) of a fully expanded kwick element.
  • duration: Defaults to 200: The number of milliseconds required for each animation to complete.
  • easing: A custom easing function for the animation (requires easing plugin).
  • spacing: Defaults to 0 - The width (in pixels) separating each kwick element.

kwicks.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

noobSlide - Mootools Image Slideshow

noobSlide - A mootools based image gallery with 7 different styles. You’ll find download link at the bottom of the page.

noobslide_mootools.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

jQuery Virtual Tour

jQuery virtual tour - an extension to the simple panorama viewer that allows you to play a little bit more with jQuery by adding interactivity to transform some panoramic views into a virtual tour! Free - released under the GPL licence.

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 <map> and <area> in accordance with w3c.

jQuery virtual tour DEMO / jQuery virtual tour Article

jquery_virtual_tour.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Window Growl - Handy mootools based notifications

Window Growl - mootools based JavaScript notifications ( 2 effects: Smoke and Bezel) for events like: email sent, product added, Thank You for your vote … and similar. Very handy and lightweight.

growl_mootools.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

FancyBox - jQuery Image Zooming Plugin

FancyBox - Like many other lightbox-like tools, kinda different image zooming script for those who want something fresh.

It’s powered by jQuery, tested with IE6, IE7, Firefox.

Features:

  • Automatically scales large images to fit in window
  • Adds a nice drop shadow under the full-size image
  • Image sets to group related images and navigate through them

fancybox_image_zooming_script.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

jqGalScroll - a smooth image scrolling

jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.

jquery_gallery_scroller.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

MooFilm - Mootools-Based Tooltip Fader for Images

MooFilm - Tooltip Fader for Images.

  • The script opens a info-pane overlay while the cursor is moved over a image.
  • Adjustable SlideIn/SlideOut effects.
  • Link identification.
  • The appearance can be customized via CSS styesheet.
  • onShow, beforeShow and onHide events.

Tested browsers: Firefox 2, Safari 3, Internet Explorer 6/7, Opera 9 under Windows.

moofilm.jpg

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Page 6 of 9«123456789»

Translations

English flagItalian flagKorean flagChinese (Simplified) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flag